html {
    /* 把固定的结果写上, 浏览器会跟进不同的设备宽度得道不同的大小 */
    font-size: 13.333vw;
    height:100%;
    width: 100%;
}

body {
    font-size: 0.22rem; /* iphon5 中为 16px */
    background-color:#f5f8fa;
    height:100%;
    width: 100%;
    cursor: pointer;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer
}

div {
    outline: 0 !important;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
}

ul, li {
    list-style: none;
}

.um, .um body {
    height: 100%;
    padding: 0px;
    margin: 0px;
    font-family: "Helvetica Neue", Helvetica;
}

.um-vp {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none
}

.um-vp .up {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    max-height: 100%;
    position: absolute;
    border: 0
}

/* 页面内容 */
.loading-content {
    display: none;
}

.auth-ctrl {
    display: none;
}

/*设置IOS页面长按不可复制粘贴，但是IOS上出现input、textarea不能输入，
 * 因此将使用-webkit-user-select:auto;*/
*{ 
  -webkit-touch-callout:none; /*系统默认菜单被禁用*/
  -webkit-user-select:none; /*webkit浏览器*/
  user-select:none; 
} 

input,textarea { 
  -webkit-user-select:auto; /*webkit浏览器*/
  -webkit-appearance: none;/*ios上去掉input和textarea的边框阴影*/
}

/**
 * 圆角样式.
 */
.br6 {
    -webkit-border-radius: 0.06rem;
    border-radius: 0.06rem;
}

.br15 {
    -webkit-border-radius: 0.15rem;
    border-radius: 0.15rem;
}

.br0 {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

/**
 * 边框设置
 */
.bn{border:none !important;}
.bd{border:0.01rem solid #D2D2D2 !important;}
.bd-t{border-top:0.01rem solid #D2D2D2 !important;}
.bd-b{border-bottom:0.01rem solid #D2D2D2 !important;}
.bd-r0{border-right: 0 !important;}

/**
 * float设置 
 */
.fl {
    float: left !important;
}
.fr {
    float: right !important;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    outline: 0 !important;
}

.ellipsis-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/**
 * 字体对齐设置
 */
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.tal{text-align:left !important;}

/**
 * 隐藏.显示
 */
.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.dlb {
    display: inline-block !important;
}

/**
 * 加下划线
 */
.tdlse{text-decoration:underline !important;}
.tdl{text-decoration:underline !important;}
.tdl:hover{text-decoration:none !important;}

.tdnse{text-decoration:none !important;}
.tdn{text-decoration:none !important;}
.tdn:hover{text-decoration:underline !important;}

/**
 * 常用定位设置
 */
.rel {
    position:relative !important;
}

.abs {
    position:absolute !important;
    top: 0;
    left: 0;
}

.abstl0 {
    position: absolute !important;
    top: 0;
    left: 0;
}

.abstr0 {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
}

.absbl0 {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
}

.absbr0 {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
}

.fix {
    position:fixed !important;
    top:0 !important;
    left: 0 !important;
}

.fixtl0 {
    position: absolute;
    top: 0;
    left: 0;
}

.fixtr0 {
    position: absolute;
    top: 0;
    right: 0;
}

.fixbl0 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.fixbr0 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.static{
    position: static !important;
}

.utra {
    -webkit-transition: all 300ms ease-in 100ms
}
.line1 {
    -webkit-line-clamp: 1;
}
.line2 {
    -webkit-line-clamp: 2;
}

.line3 {
    -webkit-line-clamp: 3;
}

.ani-act {
    transform: scale(0.95,0.97);
    -webkit-transform: scale(0.95,0.97);
    -webkit-transition-duration: 300ms;
    opacity: .7;
}

/**
 *  flexbox布局
 */
.box
{
    display: -webkit-box !important;
    display: box !important;
    position:relative;
}

/**
 *  与.box配合使用(用于父元素上)，将其中内容逆序排列.    
 */
.box-reverse
{
    -webkit-box-direction:reverse;
    box-direction:reverse;
}

/**
 *  实现容器内的内容水平居中.
 */
.box-align-center
{
    -webkit-box-align:center;
    box-align:center;
}

/**
 * 对于正常方向的框，每个子元素的上边缘沿着框的顶边放置。
        对于反方向的框，每个子元素的下边缘沿着框的底边放置。
 */
.box-align-start
{
    -webkit-box-align:start;
    box-align:start;
}

/**
 * 对于正常方向的框，每个子元素的下边缘沿着框的底边放置。
          对于反方向的框，每个子元素的上边缘沿着框的顶边放置。
 */
.box-align-end
{
    -webkit-box-align:end;
    box-align:end;
}

/**
 * 如果 box-orient 是inline-axis或horizontal，所有子元素均与其基线对齐。
 */
.box-align-baseline
{
    -webkit-box-align:baseline;
    box-align:baseline;
}

/**
 * 拉伸子元素以填充包含块
 */
.box-align-stretch
{
    -webkit-box-align:stretch;
    box-align:stretch;
}

/**
 *  实现容器内容垂直居中
 */
.box-pack-center
{
    -webkit-box-pack:center;
    box-pack:center;
}

/**
 *  对于正常方向的框，首个子元素的左边缘被放在左侧（最后的子元素后是所有剩余的空间）
            对于相反方向的框，最后子元素的右边缘被放在右侧（首个子元素前是所有剩余的空间）
 */
.box-pack-start
{
    -webkit-box-pack:start;
    box-pack:start;
}

/**
 * 对于正常方向的框，最后子元素的右边缘被放在右侧（首个子元素前是所有剩余的空间）。
         对于相反方向的框，首个子元素的左边缘被放在左侧（最后子元素后是所有剩余的空间）。
 */
.box-pack-end
{
    -webkit-box-pack:end;
    box-pack:end;
}

/**
 * 在每个子元素之间分割多余的空间（首个子元素前和最后一个子元素后没有多余的空间）。
 */
.box-pack-j
{
    -webkit-box-pack:justify;
    box-pack:justify;
}

/**
 * 在水平行中从左向右排列子元素.
 */
.box-o-h
{
    -webkit-box-orient:horizontal;
    box-orient:horizontal;
}

/**
 * 从上向下垂直排列子元素.
 */
.box-o-v
{
    -webkit-box-orient:vertical;
    box-orient:vertical;
}

/**
 * 应该从父元素继承 box-orient 属性的值.
 */
.box-o-i
{
    -webkit-box-orient:inherit;
    box-orient:inherit;
}

.box-f1
{
    position:relative;
    -webkit-box-flex: 1; 
    box-flex: 1;
}

.box-f2
{
    position:relative;
    -webkit-box-flex: 2;
    box-flex: 2; 
}

.box-f3
{
    position:relative;
    -webkit-box-flex: 3;
    box-flex: 3;
}

.box-f4
{
    position:relative;
    -webkit-box-flex: 4;
    box-flex: 4;
}
.fs18{
    font-size:0.18rem !important;
}
.fs20{
    font-size: 20px !important;
    font-size: 0.2rem !important;
}

.fs22{
    font-size: 22px !important;
    font-size: 0.22rem !important;
}

.fs24{
    font-size: 24px !important;
    font-size: 0.24rem !important;
}

.fs26{
    font-size: 26px !important;
    font-size: 0.26rem !important;
}

.fs28{
    font-size: 28px !important;
    font-size: 0.28rem !important;
}

.fs30{
    font-size: 30px !important;
    font-size: 0.3rem !important;
}

.fs32{
    font-size: 32px !important;
    font-size: 0.32rem !important;
}

.fs34{
    font-size: 34px !important;
    font-size: 0.34rem !important;
}

.fs36{
    font-size: 36px !important;
    font-size: 0.36rem !important;
}

.fs38{
    font-size: 38px !important;
    font-size: 0.38rem !important;
}

.fs40{
    font-size: 40px !important;
    font-size: 0.40rem !important;
}

.fs42{
    font-size: 42px !important;
    font-size: 0.42rem !important;
}

.fcf{
    color:#fff !important;
}

.fc0{
    color: #000 !important;
}

.fc3{
    color: #333 !important;
}

.fc6{
    color: #666 !important;
}

.fca{
    color:#aaa !important;
}

.fc9{
    color: #999 !important;
}

.fcc{
    color: #ccc !important;
}

.fc80{
    color: #808080 !important;
}
.fcAmount{
    color:#FF6600 !important;
}

/**
 *  橙色--用于金额版本号   
 */
.fcf8a0{
    color: #FF8A00 !important;
}

/**
 * 链接文本颜色   
 */
.fc0a0e8{
    color: #00a0e8 !important;
}

/**
 * 状态栏颜色
 */
.fc38adf{
    color: #38adff !important;
}



/**
 *  白色背景   
 */
.bgf{
    background-color: #FFF !important;
}

/**
 * 橙红背景色，主要用于删除卸载按钮背景色
 */
.bgf3a30{
    background-color: #ff3a30 !important;
}

/**
 * 区块之间的分割底色.
 */
.bgblock{
    background-color: #f0eff5 !important;
}

/**
 * 蓝色，左滑按钮颜色
 */
.bg0a0e8{
    background-color: #00a0e8 !important;
}

/**
 * 灰色色，左滑按钮颜色
 */
.bga{
    background-color: #aaa !important;
}

/**
 * 与body的背景色相同   
 */
.bgbody{
    background-color:#f5f8fa !important;
}

/**
 * margin
 */
.m0{margin:0 !important;}
.m5{margin:5px !important;margin:0.05rem !important;}
.m10{margin:10px !important;margin:0.1rem !important;}
.m15{margin:15px !important;margin:0.15rem !important;}
.m20{margin:20px !important;margin:0.2rem !important;}
.m25{margin:25px !important;margin:0.25rem !important;}
.m30{margin:30px !important;margin:0.3rem !important;}
.m32{margin:32px !important;margin:0.32rem !important;}
.m35{margin:35px !important;margin:0.35rem !important;}
.m40{margin:40px !important;margin:0.4rem !important;}
.m45{margin:45px !important;margin:0.45rem !important;}
.m50{margin:50px !important;margin:0.5rem !important;}
.m55{margin:55px !important;margin:0.55rem !important;}
.m60{margin:60px !important;margin:0.6rem !important;}
.m65{margin:65px !important;margin:0.65rem !important;}
.m70{margin:70px !important;margin:0.7rem !important;}
.m75{margin:75px !important;margin:0.75rem !important;}
.m80{margin:80px !important;margin:0.8rem !important;}
.m85{margin:85px !important;margin:0.85rem !important;}
.m90{margin:90px !important;margin:0.9rem !important;}
.m100{margin:100px !important;margin:1rem !important;}
.m110{margin:110px !important;margin:1.1rem !important;}
.m120{margin:120px !important;margin:1.2rem !important;}
.m130{margin:130px !important;margin:1.3rem !important;}
.m140{margin:140px !important;margin:1.4rem !important;}
.m150{margin:150px !important;margin:1.5rem !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;margin-left:0.05rem !important;}
.ml10{margin-left:10px !important;margin-left:0.1rem !important;}
.ml15{margin-left:15px !important;margin-left:0.15rem !important;}
.ml20{margin-left:20px !important;margin-left:0.2rem !important;}
.ml25{margin-left:25px !important;margin-left:0.25rem !important;}
.ml24{margin-left:24px !important;margin-left:0.24rem !important;}
.ml30{margin-left:30px !important;margin-left:0.3rem !important;}
.ml32{margin-left:32px !important;margin-left:0.32rem !important;}
.ml35{margin-left:35px !important;margin-left:0.35rem !important;}
.ml40{margin-left:40px !important;margin-left:0.4rem !important;}
.ml45{margin-left:45px !important;margin-left:0.45rem !important;}
.ml50{margin-left:50px !important;margin-left:0.5rem !important;}
.ml55{margin-left:55px !important;margin-left:0.55rem !important;}
.ml60{margin-left:60px !important;margin-left:0.6rem !important;}
.ml65{margin-left:65px !important;margin-left:0.65rem !important;}
.ml70{margin-left:70px !important;margin-left:0.7rem !important;}
.ml75{margin-left:75px !important;margin-left:0.75rem !important;}
.ml80{margin-left:80px !important;margin-left:0.8rem !important;}
.ml85{margin-left:85px !important;margin-left:0.85rem !important;}
.ml90{margin-left:90px !important;margin-left:0.9rem !important;}
.ml100{margin-left:100px !important;margin-left:1rem !important;}
.ml110{margin-left:110px !important;margin-left:1.1rem !important;}
.ml120{margin-left:120px !important;margin-left:1.2rem !important;}
.ml130{margin-left:130px !important;margin-left:1.3rem !important;}
.ml140{margin-left:140px !important;margin-left:1.4rem !important;}
.ml150{margin-left:150px !important;margin-left:1.5rem !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;margin-right:0.05rem !important;}
.mr10{margin-right:10px !important;margin-right:0.1rem !important;}
.mr15{margin-right:15px !important;margin-right:0.15rem !important;}
.mr20{margin-right:20px !important;margin-right:0.2rem !important;}
.mr25{margin-right:25px !important;margin-right:0.25rem !important;}
.mr24{margin-right:24px !important;margin-right:0.24rem !important;}
.mr30{margin-right:30px !important;margin-right:0.3rem !important;}
.mr32{margin-right:32px !important;margin-right:0.32rem !important;}
.mr35{margin-right:35px !important;margin-right:0.35rem !important;}
.mr40{margin-right:40px !important;margin-right:0.4rem !important;}
.mr45{margin-right:45px !important;margin-right:0.45rem !important;}
.mr50{margin-right:50px !important;margin-right:0.5rem !important;}
.mr55{margin-right:55px !important;margin-right:0.55rem !important;}
.mr60{margin-right:60px !important;margin-right:0.6rem !important;}
.mr65{margin-right:65px !important;margin-right:0.65rem !important;}
.mr70{margin-right:70px !important;margin-right:0.7rem !important;}
.mr75{margin-right:75px !important;margin-right:0.75rem !important;}
.mr80{margin-right:80px !important;margin-right:0.8rem !important;}
.mr85{margin-right:85px !important;margin-right:0.85rem !important;}
.mr90{margin-right:90px !important;margin-right:0.9rem !important;}
.mr100{margin-right:100px !important;margin-right:1rem !important;}
.mr110{margin-right:110px !important;margin-right:1.1rem !important;}
.mr120{margin-right:120px !important;margin-right:1.2rem !important;}
.mr130{margin-right:130px !important;margin-right:1.3rem !important;}
.mr140{margin-right:140px !important;margin-right:1.4rem !important;}
.mr150{margin-right:150px !important;margin-right:1.5rem !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;margin-top:0.05rem !important;}
.mt10{margin-top:10px !important;margin-top:0.1rem !important;}
.mt15{margin-top:15px !important;margin-top:0.15rem !important;}
.mt20{margin-top:20px !important;margin-top:0.2rem !important;}
.mt25{margin-top:25px !important;margin-top:0.25rem !important;}
.mt26{margin-top:26px !important;margin-top:0.26rem !important;}
.mt30{margin-top:30px !important;margin-top:0.3rem !important;}
.mt32{margin-top:32px !important;margin-top:0.32rem !important;}
.mt35{margin-top:35px !important;margin-top:0.35rem !important;}
.mt40{margin-top:40px !important;margin-top:0.4rem !important;}
.mt45{margin-top:45px !important;margin-top:0.45rem !important;}
.mt50{margin-top:50px !important;margin-top:0.5rem !important;}
.mt55{margin-top:55px !important;margin-top:0.55rem !important;}
.mt60{margin-top:60px !important;margin-top:0.6rem !important;}
.mt65{margin-top:65px !important;margin-top:0.65rem !important;}
.mt70{margin-top:70px !important;margin-top:0.7rem !important;}
.mt75{margin-top:75px !important;margin-top:0.75rem !important;}
.mt80{margin-top:80px !important;margin-top:0.8rem !important;}
.mt85{margin-top:85px !important;margin-top:0.85rem !important;}
.mt90{margin-top:90px !important;margin-top:0.9rem !important;}
.mt100{margin-top:100px !important;margin-top:1rem !important;}
.mt110{margin-top:110px !important;margin-top:1.1rem !important;}
.mt120{margin-top:120px !important;margin-top:1.2rem !important;}
.mt130{margin-top:130px !important;margin-top:1.3rem !important;}
.mt140{margin-top:140px !important;margin-top:1.4rem !important;}
.mt150{margin-top:150px !important;margin-top:1.5rem !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;margin-bottom:0.05rem !important;}
.mb10{margin-bottom:10px !important;margin-bottom:0.1rem !important;}
.mb15{margin-bottom:15px !important;margin-bottom:0.15rem !important;}
.mb20{margin-bottom:20px !important;margin-bottom:0.2rem !important;}
.mb25{margin-bottom:25px !important;margin-bottom:0.25rem !important;}
.mb26{margin-bottom:26px !important;margin-bottom:0.26rem !important;}
.mb30{margin-bottom:30px !important;margin-bottom:0.3rem !important;}
.mb32{margin-bottom:32px !important;margin-bottom:0.32rem !important;}
.mb35{margin-bottom:35px !important;margin-bottom:0.35rem !important;}
.mb40{margin-bottom:40px !important;margin-bottom:0.4rem !important;}
.mb45{margin-bottom:45px !important;margin-bottom:0.45rem !important;}
.mb50{margin-bottom:50px !important;margin-bottom:0.5rem !important;}
.mb55{margin-bottom:55px !important;margin-bottom:0.55rem !important;}
.mb60{margin-bottom:60px !important;margin-bottom:0.6rem !important;}
.mb65{margin-bottom:65px !important;margin-bottom:0.65rem !important;}
.mb70{margin-bottom:70px !important;margin-bottom:0.7rem !important;}
.mb75{margin-bottom:75px !important;margin-bottom:0.75rem !important;}
.mb80{margin-bottom:80px !important;margin-bottom:0.8rem !important;}
.mb85{margin-bottom:85px !important;margin-bottom:0.85rem !important;}
.mb90{margin-bottom:90px !important;margin-bottom:0.9rem !important;}
.mb100{margin-bottom:100px !important;margin-bottom:1rem !important;}
.mb110{margin-bottom:110px !important;margin-bottom:1.1rem !important;}
.mb120{margin-bottom:120px !important;margin-bottom:1.2rem !important;}
.mb130{margin-bottom:130px !important;margin-bottom:1.3rem !important;}
.mb140{margin-bottom:140px !important;margin-bottom:1.4rem !important;}
.mb150{margin-bottom:150px !important;margin-bottom:1.5rem !important;}

.p0{padding:0 !important;}
.p5{padding:5px !important;padding:0.05rem !important;}
.p10{padding:10px !important;padding:0.1rem !important;}
.p15{padding:15px !important;padding:0.15rem !important;}
.p20{padding:20px !important;padding:0.2rem !important;}
.p25{padding:25px !important;padding:0.25rem !important;}
.p30{padding:30px !important;padding:0.3rem !important;}
.p32{padding:32px !important;padding:0.32rem !important;}
.p35{padding:35px !important;padding:0.35rem !important;}
.p40{padding:40px !important;padding:0.4rem !important;}
.p45{padding:45px !important;padding:0.45rem !important;}
.p50{padding:50px !important;padding:0.5rem !important;}
.p55{padding:55px !important;padding:0.55rem !important;}
.p60{padding:60px !important;padding:0.6rem !important;}
.p65{padding:65px !important;padding:0.65rem !important;}
.p70{padding:70px !important;padding:0.7rem !important;}
.p75{padding:75px !important;padding:0.75rem !important;}
.p80{padding:80px !important;padding:0.8rem !important;}
.p85{padding:85px !important;padding:0.85rem !important;}
.p90{padding:90px !important;padding:0.9rem !important;}
.p100{padding:100px !important;padding:1rem !important;}
.p110{padding:110px !important;padding:1.1rem !important;}
.p120{padding:120px !important;padding:1.2rem !important;}
.p130{padding:130px !important;padding:1.3rem !important;}
.p140{padding:140px !important;padding:1.4rem !important;}
.p150{padding:150px !important;padding:1.5rem !important;}

.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;padding-left:0.05rem !important;}
.pl10{padding-left:10px !important;padding-left:0.1rem !important;}
.pl15{padding-left:15px !important;padding-left:0.15rem !important;}
.pl20{padding-left:20px !important;padding-left:0.2rem !important;}
.pl24{padding-left:24px !important;padding-left:0.24rem !important;}
.pl25{padding-left:25px !important;padding-left:0.25rem !important;}
.pl30{padding-left:30px !important;padding-left:0.3rem !important;}
.pl32{padding-left:32px !important;padding-left:0.32rem !important;}
.pl35{padding-left:35px !important;padding-left:0.35rem !important;}
.pl40{padding-left:40px !important;padding-left:0.4rem !important;}
.pl45{padding-left:45px !important;padding-left:0.45rem !important;}
.pl50{padding-left:50px !important;padding-left:0.5rem !important;}
.pl55{padding-left:55px !important;padding-left:0.55rem !important;}
.pl60{padding-left:60px !important;padding-left:0.6rem !important;}
.pl65{padding-left:65px !important;padding-left:0.65rem !important;}
.pl70{padding-left:70px !important;padding-left:0.7rem !important;}
.pl75{padding-left:75px !important;padding-left:0.75rem !important;}
.pl80{padding-left:80px !important;padding-left:0.8rem !important;}
.pl85{padding-left:85px !important;padding-left:0.85rem !important;}
.pl90{padding-left:90px !important;padding-left:0.9rem !important;}
.pl100{padding-left:100px !important;padding-left:1rem !important;}
.pl100{padding-left:108px !important;padding-left:1.08rem !important;}
.pl110{padding-left:110px !important;padding-left:1.1rem !important;}
.pl120{padding-left:120px !important;padding-left:1.2rem !important;}
.pl130{padding-left:130px !important;padding-left:1.3rem !important;}
.pl140{padding-left:140px !important;padding-left:1.4rem !important;}
.pl150{padding-left:150px !important;padding-left:1.5rem !important;}

.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;padding-right:0.05rem !important;}
.pr10{padding-right:10px !important;padding-right:0.1rem !important;}
.pr15{padding-right:15px !important;padding-right:0.15rem !important;}
.pr20{padding-right:20px !important;padding-right:0.2rem !important;}
.pr24{padding-right:24px !important;padding-right:0.24rem !important;}
.pr25{padding-right:25px !important;padding-right:0.25rem !important;}
.pr30{padding-right:30px !important;padding-right:0.3rem !important;}
.pr32{padding-right:32px !important;padding-right:0.32rem !important;}
.pr35{padding-right:35px !important;padding-right:0.35rem !important;}
.pr40{padding-right:40px !important;padding-right:0.4rem !important;}
.pr45{padding-right:45px !important;padding-right:0.45rem !important;}
.pr50{padding-right:50px !important;padding-right:0.5rem !important;}
.pr55{padding-right:55px !important;padding-right:0.55rem !important;}
.pr60{padding-right:60px !important;padding-right:0.6rem !important;}
.pr65{padding-right:65px !important;padding-right:0.65rem !important;}
.pr70{padding-right:70px !important;padding-right:0.7rem !important;}
.pr75{padding-right:75px !important;padding-right:0.75rem !important;}
.pr80{padding-right:80px !important;padding-right:0.8rem !important;}
.pr85{padding-right:85px !important;padding-right:0.85rem !important;}
.pr90{padding-right:90px !important;padding-right:0.9rem !important;}
.pr100{padding-right:100px !important;padding-right:1rem !important;}
.pr110{padding-right:110px !important;padding-right:1.1rem !important;}
.pr120{padding-right:120px !important;padding-right:1.2rem !important;}
.pr130{padding-right:130px !important;padding-right:1.3rem !important;}
.pr140{padding-right:140px !important;padding-right:1.4rem !important;}
.pr150{padding-right:150px !important;padding-right:1.5rem !important;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;padding-top:0.05rem !important;}
.pt10{padding-top:10px !important;padding-top:0.1rem !important;}
.pt15{padding-top:15px !important;padding-top:0.15rem !important;}
.pt20{padding-top:20px !important;padding-top:0.2rem !important;}
.pt25{padding-top:25px !important;padding-top:0.25rem !important;}
.pt30{padding-top:30px !important;padding-top:0.3rem !important;}
.pt32{padding-top:32px !important;padding-top:0.32rem !important;}
.pt35{padding-top:35px !important;padding-top:0.35rem !important;}
.pt40{padding-top:40px !important;padding-top:0.4rem !important;}
.pt45{padding-top:45px !important;padding-top:0.45rem !important;}
.pt50{padding-top:50px !important;padding-top:0.5rem !important;}
.pt55{padding-top:55px !important;padding-top:0.55rem !important;}
.pt60{padding-top:60px !important;padding-top:0.6rem !important;}
.pt65{padding-top:65px !important;padding-top:0.65rem !important;}
.pt70{padding-top:70px !important;padding-top:0.7rem !important;}
.pt75{padding-top:75px !important;padding-top:0.75rem !important;}
.pt80{padding-top:80px !important;padding-top:0.8rem !important;}
.pt85{padding-top:85px !important;padding-top:0.85rem !important;}
.pt90{padding-top:90px !important;padding-top:0.9rem !important;}
.pt100{padding-top:100px !important;padding-top:1rem !important;}
.pt110{padding-top:110px !important;padding-top:1.1rem !important;}
.pt120{padding-top:120px !important;padding-top:1.2rem !important;}
.pt130{padding-top:130px !important;padding-top:1.3rem !important;}
.pt140{padding-top:140px !important;padding-top:1.4rem !important;}
.pt150{padding-top:150px !important;padding-top:1.5rem !important;}

.pb0{padding-bottom: 0 !important;}
.pb5{padding-bottom: 5px !important;padding-bottom:0.05rem !important;}
.pb10{padding-bottom:10px !important;padding-bottom:0.1rem !important;}
.pb15{padding-bottom:15px !important;padding-bottom:0.15rem !important;}
.pb20{padding-bottom:20px !important;padding-bottom:0.2rem !important;}
.pb25{padding-bottom:25px !important;padding-bottom:0.25rem !important;}
.pb30{padding-bottom:30px !important;padding-bottom:0.3rem !important;}
.pb32{padding-bottom:32px !important;padding-bottom:0.32rem !important;}
.pb35{padding-bottom:35px !important;padding-bottom:0.35rem !important;}
.pb40{padding-bottom:40px !important;padding-bottom:0.4rem !important;}
.pb45{padding-bottom:45px !important;padding-bottom:0.45rem !important;}
.pb50{padding-bottom:50px !important;padding-bottom:0.5rem !important;}
.pb55{padding-bottom:55px !important;padding-bottom:0.55rem !important;}
.pb60{padding-bottom:60px !important;padding-bottom:0.6rem !important;}
.pb65{padding-bottom:65px !important;padding-bottom:0.65rem !important;}
.pb70{padding-bottom:70px !important;padding-bottom:0.7rem !important;}
.pb75{padding-bottom:75px !important;padding-bottom:0.75rem !important;}
.pb80{padding-bottom:80px !important;padding-bottom:0.8rem !important;}
.pb85{padding-bottom:85px !important;padding-bottom:0.85rem !important;}
.pb90{padding-bottom:90px !important;padding-bottom:0.9rem !important;}
.pb100{padding-bottom:100px !important;padding-bottom:1rem !important;}
.pb110{padding-bottom:110px !important;padding-bottom:1.1rem !important;}
.pb120{padding-bottom:120px !important;padding-bottom:1.2rem !important;}
.pb130{padding-bottom:130px !important;padding-bottom:1.3rem !important;}
.pb140{padding-bottom:140px !important;padding-bottom:1.4rem !important;}
.pb150{padding-bottom:150px !important;padding-bottom:1.5rem !important;}

.w100p{width: 100% !important;}
.w90p{width:90% !important;}
.w60p{width:60% !important;}
.w50p{width: 50% !important;}
.w33p{width: 30% !important;}
.w25p{width: 25% !important;}

.h100p{height: 100% !important;}
.h50p{height: 50% !important;}
.h70{height:0.7rem !important;}
.lh70{line-height: 0.7rem !important;}
.h85{height:0.85rem !important;}
.lh85{line-height: 0.85rem !important;}

/**
 *  overflow设置   
 */
.ofa {overflow: auto;}
.ofh {overflow: hidden;}
.ofya {overflow-y: auto;}
.ofyh {overflow-y: hidden;}
.ofxa {overflow-x: auto;}
.ofxh {overflow-x: hidden;}

/**
 *   box-shadow 
 */
.shadow0{
    box-shadow: 0 0 0 0 !important;
}

.hidden{
    display: none;
}

.hide{
    display: none;
}

.show{
    display: block;
}

.fw{font-weight:bold;}

.cl{clear:both;}

.v-hide{
   visibility: hidden; 
}

.v-show{
   visibility: visible; 
}
.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/*v-cloak解决刷新或者加载出现闪烁*/
[v-cloak] {
    display: none !important;
}

 .clear:before,.clear:after {
     content: " ";
     display: table;
}

.clear:after {
    clear: both;
}
/* For IE 6/7 only */
.clear {
    *zoom: 1;
}
/*
 * 底部按钮样式
 */
.supp-static-button{
    width:100%;
    height:88px;
    height:0.88rem;
    padding:0 24px;
    padding:0 0.24rem;
    z-index: 100;
    display:-moz-box; /* Firefox */
    display:-webkit-box; /* Safari and Chrome */
    display:box;
    -webkit-box-align: center; 
    -moz-box-align:center;
    box-align:center;
}
.supp-footer-button{
    width:100%;
    position:fixed;
    bottom:0;
    right:0;
    height:88px;
    height:0.88rem;
    padding:0 24px;
    padding:0 0.24rem;
    z-index: 100;
    box-shadow: 0 -3px 10px rgba(170,170,170,.45);
    display:-moz-box; /* Firefox */
    display:-webkit-box; /* Safari and Chrome */
    display:box;
    -webkit-box-align: center; 
    -moz-box-align:center;
    box-align:center;
    background-color:#fff;
}
.supp-footer-button>button,.supp-main-btn,.supp-sub-btn{
    height:70px;
    height:0.7rem;
    -moz-box-flex:1.0; /* Firefox */
    -webkit-box-flex:1.0; /* Safari and Chrome */
    box-flex:1.0;
    border-radius: 6px;
    border-radius: 0.06rem;
    border:none;
    outline: none;
    font-size:32px;
    font-size:0.32rem;
    display: block;
}
.supp-main-btn{
    color:#fff;
    background-color:#00A0E8;
}
.supp-main-btn:focus{
    background-color:#007fd0;
}
.supp-sub-btn{
    color:#666;
    background-color:#f7f7f7;
    border:1px solid #ccc !important;
    border:0.01rem solid #ccc !important;
}
.supp-sub-btn:focus{
    background-color:#e5e5e5;
}
.supp-forb-btn{
    color:#bbb;
    background-color:#ddd;
}
button.disabled{
    color:#bbb;
    background-color:#ddd;
}
button[disabled]{
    color:#bbb;
    background-color:#ddd;
}
.supp-cancel-btn{
    color:#fff;
    background-color:#ff3a30;
}
/*
 * 开关按钮样式
 */
.supp-switch-btn{
    width:80px;
    width:0.8rem;
    height:50px;
    height:0.50rem;
    position:relative;
    display: inline-block;
}
.supp-switch-btn>input{
    position: absolute;
    top:6px;
    top:0.06rem;
    left:10px;
    left:0.1rem;
    display: none;
}
.supp-switch-btn>input + label{
    width:80px;
    width:0.8rem;
    height:50px;
    height:0.5rem;
    position:relative;
    display: inline-block;
}
.supp-switch-btn>input[type="checkbox"]:checked + label{
    background:url(../img/switch_open.png) no-repeat center top;
    background-size:80px 50px;
    background-size:0.8rem 0.50rem;
    
}
.supp-switch-btn>input[type="checkbox"]:not(:checked) + label{
    background:url(../img/switch_close.png) no-repeat center top;
    background-size:80px 50px;
    background-size:0.8rem 0.50rem;
}

/*卡片*/
.supp-card{
    padding:0 24px;
    padding:0 0.24rem;
    background:#fff;
    border-bottom: 1px solid #e6e6e6;
    /*border-bottom: 0.01rem solid #e6e6e6;*/
    margin-bottom: 20px;
    margin-bottom: 0.2rem;
}

/*卡片按钮*/
.supp-card-button{
    overflow: hidden;
    text-align: center;
    margin:25px 0;
    margin:0.25rem 0;
    height:50px;
    height:0.5rem;
}
.supp-card-button>button{
    height:48px;
    height:0.48rem;
    display:inline-block
    font-size:22px;
    font-size:0.22rem;
    border:none;
    outline: none;
    border-radius: 4px;
    border-radius: 0.04rem;
    list-style: none;
    border-radius:6px;
    border-radius:0.06rem;
}
.supp-card-button>button.card-sub-btn-1{
    width:200px;
    width:2rem;
    color:#666;
    background-color:#f7f7f7;
    border:1px solid #ccc !important;
    border:0.01rem solid #ccc !important;
}
.supp-card-button>button.card-sub-btn-2{
    width:140px;
    width:1.4rem;
    color:#666;
    background-color:#f7f7f7;
    border:1px solid #ccc !important;
    border:0.01rem solid #ccc !important;
}
.supp-card-button>button.card-sub-btn-2:focus,.supp-card-button>button.card-sub-btn-1:focus{
    background-color:#e5e5e5;
}

.supp-card-button>button.card-forb-btn-1{
    width:200px;
    width:2rem;
    color:#bbb;
    background-color:#ddd;
    border:1px solid #ccc !important;
    border:0.01rem solid #ccc !important;
}
.supp-card-button>button.card-forb-btn-2{
    width:140px;
    width:1.4rem;
    color:#bbb;
    background-color:#ddd;
    border:1px solid #ccc !important;
    border:0.01rem solid #ccc !important;
}

/*
 * 多选按钮样式
 */
.supp-checkbox-btn,.supp-radio-btn{
    width:144px;
    width:1.44rem;
    height:46px;
    height:0.46rem;
    position:relative;
    margin-right: 12px;
    margin-right: 0.12rem;
    margin-bottom: 12px;
    margin-bottom: 0.12rem;
    float:left;
}
.supp-checkbox-btn>input,.supp-radio-btn>input{
    position: absolute;
    top:10px;
    top:0.1rem;
    right:50px;
    right:0.5rem;
    display: none;
}
.supp-checkbox-btn>input[type="checkbox"] + label,.supp-radio-btn>input[type="radio"] + label,.supp-radio-btn>input[type="checkbox"] + label{
    width:144px;
    width:1.44rem;
    height:46px;
    height:0.46rem;
    text-align:center;
    position:relative;
    font-size:20px;
    font-size:0.2rem;
    display: inline-block;
}
.supp-checkbox-btn>input[type="checkbox"]:checked + label,.supp-radio-btn>input[type="radio"]:checked + label,.supp-radio-btn>input[type="checkbox"]:checked + label{
    color:#00A0E8;
    background-color:#fff;
    border:2px solid #00A0E8;
    border:0.02rem solid #00A0E8;
    border-radius: 6px;
    border-radius: 0.06rem;
}
.supp-checkbox-btn>input[type="checkbox"]:not(:checked) + label,.supp-radio-btn>input[type="radio"]:not(:checked) + label,.supp-radio-btn>input[type="checkbox"]:not(:checked) + label{
    color:#666;
    background-color:#f0f0f0;
    border:2px solid #00A0E8;
    border:0.02rem solid #f0f0f0;
    border-radius: 6px;
    border-radius: 0.06rem;
}
.supp-checkbox-btn>input[type="checkbox"]:not(:checked) + label>span.icon-fa-check:before{
    content:"";
}
.supp-checkbox-btn .supp-checkbox-text,.supp-radio-btn .supp-radio-text{
    width:140px;
    width:1.4rem;
    height:42px;
    height:0.42rem;
    line-height:42px;
    line-height:0.42rem;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding:0 10px;
    padding:0 0.1rem;
    position:absolute;
    top:0;
    left:0;
}
.supp-checkbox-btn .supp-checkbox-text.icon-fa-check:before{
    float:right;
    font-size:22px;
    font-size:0.22rem;
}
.supp-footer-select-button {
    width:100%;
    position:fixed;
    bottom:0;
    right:0;
    height:66px;
    height:0.66rem;
    z-index: 100;
    display:-moz-box; /* Firefox */
    display:-webkit-box; /* Safari and Chrome */
    display:box;
    -webkit-box-align: center; 
    -moz-box-align:center;
    box-align:center;
    background-color:#fff;
}
.supp-footer-select-button>button {
    height:66px;
    height:0.66rem;
    -moz-box-flex:1.0; /* Firefox */
    -webkit-box-flex:1.0; /* Safari and Chrome */
    box-flex:1.0;
    border:none;
    outline: none;
    font-size:26px;
    font-size:0.26rem;
    display: block;
}

.supp-footer-select-button .supp-sub-btn{
    color:#666;
    background-color:#f7f7f7;
    border-top:1px solid #ccc !important;
    border-top:0.01rem solid #ccc !important;
}
/*
 * 复选框
 */
.supp-checkbox>input{
    position: absolute;
    top:30%;
    left:10px;
    left:0.1rem;
    display: none;
}
.supp-checkbox>input[type="checkbox"] + label{
    height:28px;
    height:0.28rem;
    position:relative;
    display: inline-block;
}
.supp-checkbox>input[type="checkbox"]:checked + label:before{
    color:#38ADFF;
    content:"\e916";
    font-size:24px;
    font-size:0.24rem;
}
.supp-checkbox>input[type="checkbox"]:not(:checked) + label:before{
    content:"\e915";
    color:#bfbfbf;
    font-size:24px;
    font-size:0.24rem;
}
.supp-checkbox>input[type="checkbox"] + label>span{
    display: inline-block;
    font-size:22px;
    font-size: 0.22rem;
}

/**
 * 底部键盘按钮
 */
/*底部部分*/
.supp-key-btn-group {
    width: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index:100;
    padding-top:88px;
    padding-top: 0.88rem;
}
.supp-key-btn-group .toggle-input{
   position: absolute;
   left:24px;
   left:0.24rem;
}
.supp-key-btn-group > div {
    float: left;
    height: 0.64rem;
    margin-bottom: 0.12rem;
    top:12px;
    top:0.12rem;
}
.supp-key-btn-group > .toggle-oper {
    position: absolute;
    left:0.99rem;
    right:1.74rem;
    display: -webkit-box !important;
}
.supp-key-btn-group .toggle-oper > .inputBox {
    width:100%;
    height:100%;
    color:#000;
    font-size:0.24rem;
    border:none;
    outline: none;
    display:none;
    border-bottom: 0.01rem solid #00A0E8;
    border-radius:0;
}
.supp-key-btn-group .input,.supp-key-btn-group .say,.supp-key-btn-group .more,.supp-key-btn-group .send,.supp-key-btn-group .next {
    width: 0.55rem;
    height: 0.64rem;
    display: inline-block;
}
.supp-key-btn-group .input {
    background: url(../img/input.png) no-repeat center center;
    background-size: 0.55rem;
}
.supp-key-btn-group .say {
    display: none;
    background: url(../img/say.png) no-repeat center center;
    background-size: 0.55rem;
}
.supp-key-btn-group .more {
    background: url(../img/more.png) no-repeat center center;
    background-size: 0.55rem;
    margin-right:0.15rem;
    position:absolute;
    right:79px;
    right:0.79rem;
}
.supp-key-btn-group .send {
    display: none;
    background: url(../img/send_blue.png) no-repeat center center;
    background-size: 0.55rem;
    position:absolute;
    right:24px;
    right:0.24rem;
}
.supp-key-btn-group .next {
    background: url(../img/send_gray.png) no-repeat center center;
    background-size: 0.55rem;
    position:absolute;
    right:24px;
    right:0.24rem;
}

.supp-key-btn-group .supp-btn-speak {
    background-color: #F7F7F6;
    color: #666;
    display: block;
    /* width: 100%; */
    outline: none;
    border: none;
    border-radius: 0.03rem;
    border: 0.01rem solid #D1CEC8;
    position: relative;
    -webkit-box-flex: 1;
    box-flex: 1;
    width: 100%;
    height: 100%;
    font-size: 0.32rem;
    line-height: 64px;
    line-height: 0.64rem;
}

/*更多内容部分*/
.more-content {
    clear: both;
    display: none;
    background: #fff;
}
.more-content > li {
    float: left;
    width: 33%;
    text-align: center;
    margin-bottom: 0.25rem;
}
.more-content > li>div{
    font-size:0.26rem;
    color:#666;
}
.more-content > li .more-icon {
    width: 100%;
    height: 0.56rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.56rem;
}

/*说话图标*/
.speaking {
    width: 100%;
    position: fixed;
    top: 35%;
    left: 0;
    z-index: 9;
    display: none;
}
.speaking > div {
    width: 300px;
    width:3rem;
    height:300px;
    height:3rem;
    margin: 0 auto;
    background: rgba(0,0,0,.6) url(../img/speaking.gif) no-repeat center 20px;
    background: rgba(0,0,0,.6) url(../img/speaking.gif) no-repeat center 0.2rem;
    background-size: 200px;
    background-size: 2rem;
    border-radius: 10px;
    border-radius: 0.1rem;
}
.speaking > div > span {
    width: 100%;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 20px;
    bottom:0.2rem;
}/*
	header_footer.css
*/
/*
 * 顶部样式
 */
.supp-page-header {
    width:100%;
    text-align: center;
    height:88px;
    height:0.88rem;
    line-height:88px;
    line-height:0.88rem;
    padding:0 30px;
    padding:0 0.3rem;
    position:fixed;
    top:0;
    right:0;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
    color: #fff;
    background-color: #02bbc7;
    z-index: 101;
}
.supp-header-left{
    width:32px;
    width:0.32rem;
    float:left;
    margin-right:14px;
    margin-right:0.14rem;
    padding-right:14px;
    padding-right:0.14rem;
    border-right:1px solid #269cee;
    border-right:0.01rem solid #269cee;
    height:44px;
    height:0.44rem;
    box-sizing:content-box;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
    font-size:0.32rem;
}
.supp-header-title {
    float: left;
    font-size:32px;
    font-size:0.32rem;
}
.supp-header-right {
    position: absolute;
    top: 0;
    right:24px;
    right:0.24rem;
    z-index: 10;
    /*width:32px;
    width:0.32rem;*/
    font-size: 0.32rem;
}
.pt-header{padding-top:78px !important;padding-top:0.78rem !important;}
.pt-header-tab{padding-top:154px !important;padding-top:1.54rem !important;}
.pt-header-tab-search{padding-top:232px !important;padding-top:2.32rem !important;}
.pt-header-search{padding-top:156px !important;padding-top:1.56rem !important;}
.pt-header-search-gap{padding-top:181px !important;padding-top:1.81rem !important;}
.pt-pull-down-layer{padding-top:112px !important;padding-top:1.12rem !important;}
.pt-header-search-tab{padding-top:232px !important;padding-top:2.32rem !important;}

.top-header {
    top:0.78rem !important;
}

.top-header-tab {
    top:1.54rem !important;
}

.top-header-search {
    top:1.56rem !important;
}

/*
 * 顶部搜索框样式
 */
.supp-header-search{
    width:100%;
    height:78px;
    height:0.78rem;
    line-height:78px;
    line-height:0.78rem;
    padding-right:32px;
    padding-right:0.32rem;
    display:-webkit-box;
    display:box;
    -webkit-box-align:center;
    box-align:center;
}
.supp-header-search>span{
    font-size:24px;
    font-size:0.24rem;
    display: -webkit-box;
    display: box;
    margin-left:24px;
    margin-left:0.24rem;
    margin-right:5px;
    margin-right:0.05rem;
}
.supp-header-search>input{
    color:#333;
    height:54px;
    height:0.54rem;
    font-size:24px;
    font-size:0.24rem;
    border:2px solid #DDDDDD;
    border:0.02rem solid #DDDDDD;
    display:-webkit-box;
    display:box;
    -webkit-box-flex: 1; 
    box-flex: 1;
    border-radius: 10px;
    border-radius: 10rem;
    background:#fff url(../img/header_search.png) no-repeat 18px center;
    background:#fff url(../img/header_search.png) no-repeat 0.18rem center;
    background-size:26px 26px;
    background-size:0.26rem 0.26rem;
    padding-left:56px;
    padding-left:0.56rem;
    padding-right:18px;
    padding-right:0.18rem;
    outline: none;
}
.supp-list-content .list-content>input::-webkit-input-placeholder{
    color:#ccc;
}
.supp-list-content .list-content>input::-moz-input-placeholder{
    color:#ccc;
}
/*
 * 底部样式
 */
.supp-page-footer{
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
    height:99px;
    height:0.99rem;
    padding:18px 65px 8px 65px;
    padding:.18rem .65rem .08rem .65rem;
    z-index: 100;
    box-shadow: 0 -3px 10px rgba(170,170,170,.45);
    display:-moz-box; /* Firefox */
    display:-webkit-box; /* Safari and Chrome */
    display:box;
    color: #7d8790;
    background-color: #fff;
}
.supp-page-footer .active{
    color: #00A0E8;
}
.supp-page-footer>li{
    height:100%;
    text-align: center;
    -moz-box-flex:1.0; /* Firefox */
    -webkit-box-flex:1.0; /* Safari and Chrome */
    box-flex:1.0;
}
.supp-page-footer>li dl{
    height:100%;
}
.supp-page-footer>li dt{
    margin:0 auto;
    font-size:36px;
    font-size:0.36rem;
}
.supp-page-footer>li dd{
    font-size:20px;
    font-size:0.2rem;
    margin-top:5px;
    margin-top:0.05rem;
}
.pb-footer{padding-bottom:88px !important;padding-bottom:0.88rem !important;}

/*底部键盘区域*/
.supp-footer-keyboard>div{
    float:left;
}
.supp-footer-keyboard>div.left-keyboard>div.keyboard{
    width:0.55rem;
    height:0.64rem;
    display:none;
    background:url(../img/keyboard.png) no-repeat center center;
    background-size:0.55rem;
}
.supp-footer-keyboard>div.left-keyboard>div.voice{
    width:0.55rem;
    height:0.64rem;
    background:url(../img/voice.png) no-repeat center center;
    background-size:0.55rem;
}
.supp-footer-keyboard>div.center-input{
    width:3.8rem;
    height:100%;
    margin:0 0.2rem;
}
.supp-footer-keyboard>div.center-input>input{
    width:100%;
    height:100%;
    color:#000;
    font-size:0.24rem;
    border:none;
    outline: none;
    border-bottom: 0.01rem solid #00A0E8;
}
.supp-footer-keyboard>div.center-input>.voice-btn{
    width:100%;
    height:100%;
    line-height:0.64rem;
    text-align:center;
    display:none;
    border-radius: 0.05rem;
    background:#F7F7F7;
    border:0.01rem solid #E3E3E3;
}
.supp-footer-keyboard>div.more-message{
    width:0.55rem;
    height:0.64rem;
    margin-right:0.15rem;
    background:url(../img/more_mes.png) no-repeat center center;
    background-size:0.55rem;
}
.supp-footer-keyboard>div.right-send>div.send{
    width:0.55rem;
    height:0.64rem;
    display:none;
    background:url(../img/send.png) no-repeat center center;
    background-size:0.55rem;
}
.supp-footer-keyboard>div.right-send>div.preview{
    width:0.55rem;
    height:0.64rem;
    background:url(../img/preview.png) no-repeat center center;
    background-size:0.55rem;
}
.footer-hide-mes{
    width:100%;
    background:#fff;
    display: none;
    position:fixed;
    bottom:0;
    left:0;
    z-index: 100;
}
.footer-hide-mes>div{
    float:left;
    width:33%;
    margin:0.42rem 0;
}
.footer-hide-mes>div>span{
    width:100%;
    color:#666;
    display:block;
    font-size:0.26rem;
    text-align: center;
}
.footer-hide-mes>div>span.photo{
    height:0.56rem;
    margin-bottom:0.3rem;
    background:url(../img/photo.png) no-repeat center center ;
    background-size:0.56rem;
}
.footer-hide-mes>div>span.file{
    height:0.56rem;
    margin-bottom:0.3rem;
    background:url(../img/file.png) no-repeat center center ;
    background-size:0.56rem;
}
.footer-hide-mes>div>span.label{
    height:0.56rem;
    margin-bottom:0.3rem;
    background:url(../img/label.png) no-repeat center center ;
    background-size:0.56rem;
}
.speak-animat{
    width:3.1rem;
    height:3.1rem;
    background:rgba(0,0,0,.5) url(../img/speaking_icon.png) no-repeat center center;
    background-size:2.2rem;
    position:absolute;
    top:32%;
    left:26%;
    border-radius: 0.05rem;
}

/*顶部更多下拉*/
.supp-header-pull{
    width:100%;
    height:100%;
    display:none;
    position:relative;
    background:rgba(0,0,0,.3);
}
.supp-header-pull .pull-wrapper{
    width:3.24rem;
    height:2.25rem;
    background:#fff;
    position:absolute;
    top:0.2rem;
    right:0.05rem;
    padding:0.1rem 0.15rem;
    border-radius: 0.05rem;
}
.supp-header-pull .pull-wrapper>li{
    height:0.67rem;
    line-height:0.67rem;
    border-bottom: 0.01rem solid #F1F1F1;
}
.supp-header-pull .pull-wrapper>li>span{
    color:#000;
    font-size:0.24rem;
    float:left;
}
.supp-header-pull .pull-wrapper>li .update{
    width:0.26rem;
    height:0.67rem;
    margin-right:0.1rem;
    background:url(../img/update.png) no-repeat center center;
    background-size:0.26rem;
}
.supp-header-pull .pull-wrapper>li .zan{
    width:0.26rem;
    height:0.67rem;
    margin-right:0.1rem;
    background:url(../img/zan.png) no-repeat center center;
    background-size:0.26rem;
}
.supp-header-pull .pull-wrapper>li .help{
    width:0.26rem;
    height:0.67rem;
    margin-right:0.1rem;
    background:url(../img/help.png) no-repeat center center;
    background-size:0.26rem;
}
.supp-header-pull .pull-arrow{
    width:0.3rem;
    height:0.15rem;
    position: absolute;
    top:0.05rem;
    right:0.3rem;
    background:url(../img/arrow_fill_top.png) no-repeat center center;
    background-size:0.3rem 0.15rem;
}
.supp-filter-header{
    height:0.78rem;
    line-height:0.78rem;
    position:fixed;
    top:0;
    right:0;
    width:5rem;
    background:#fff;
    z-index: 101;
}
.supp-filter-header>.supp-header-left{
    color:#39ADFF;
    height:0.77rem;
    margin-left:0.24rem;
    border:none;
}
.supp-filter-header>.supp-header-title{
    width:65%;
    text-align:center;
    font-size:0.28rem;
}

/*
 * 因各功能均未实现，所以暂时将更多按钮隐藏掉.
 */
.icon-fa-other{
    display: none;
}







/*
	tab_page.css
*/
/*
 * tab标签样式
 */
.supp-tab-page{
    width:100%;
    height:76px;
    height:0.76rem;
    line-height:76px;
    line-height:0.76rem;
    display:-moz-box; /* Firefox */
    display:-webkit-box; /* Safari and Chrome */
    display:box;
    position:fixed;
    top:78px;
    top:0.78rem;
    left:0;
    z-index: 100;
    background-color:#fff;
    border-bottom:1px solid #d2d2d2;
    border-bottom:0.01rem solid #d2d2d2;
}
.supp-tab-page>li{
    color:#666;
    font-size:26px;
    font-size:0.26rem;
    text-align:center;
    -moz-box-flex:1.0; /* Firefox */
    -webkit-box-flex:1.0; /* Safari and Chrome */
    box-flex:1.0;
}
.supp-tab-page>li.skin-item-active{
    color:#38adff;
    border-bottom:6px solid #38adff;
    border-bottom:0.06rem solid #38adff;
}

/*tab标签内容样式*/
.supp-tab-content{
    padding:0 24px;
    padding:0 0.24rem;
    display: none;
    background-color:#fff;
}/*
	list_common.css
*/
/*带图标的列表*/
.supp-list-img {
    position: relative;
    height: 1.2rem;
    padding: 0.17rem 0;
    /*margin:0 0.24rem;*/
    border-bottom: 0.01rem solid #e1e8ed;
    background-color: #fff;
}

.supp-cont-icon {
    position: absolute;
}

.supp-list-img .supp-list-content {
    padding-top: 0.05rem;
}

/*
    左侧图标padding-left:1rem
    右侧图标padding-right:1em
*/
.supp-list-content {
    padding: 0rem 1rem 0 1rem;
    height: 100%;
}

.supp-list-content .title {
    font-size: 0.3rem;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/*右图标*/
.supp-list-img .supp-operate .arrow, .supp-list .supp-operate .arrow {
    /*position: absolute;*/
    /*right: 0;*/
    width: 0.28rem;
    height: 0.28rem;
    display:inline-block;
    background: url("../img/arrow-right.png") no-repeat center right;
    -moz-background-size: 0.28rem 0.28rem; /* 老版本的 Firefox */
    background-size: 0.28rem 0.28rem;
}
.supp-list-img.md .supp-operate,.supp-list-img.md .supp-operate .arrow{
    height:1.2rem;
    display: inline-block;
}
.supp-list-img.md.supp-list-img-bg>.supp-cont-icon{
    background-size: 56px;
    background-size: 0.56rem;
    background-color: #E6EBF0;
    border-radius:20px;
    border-radius:0.2rem;    
}
.supp-list-img.xs .supp-operate,.supp-list-img.xs .supp-operate .arrow{
    height:0.85rem;
    display: inline-block;
}
.supp-list.xx .supp-operate,.supp-list.xx .supp-operate .arrow{
    height:0.84rem;
    display: inline-block;
}
.supp-list.sm .supp-operate,.supp-list.sm .supp-operate .arrow{
    height:1.1rem;
    display: inline-block;
}
.supp-list-img .supp-switch-btn{
    position:absolute;
    right:0rem;
    top:0.15rem;
}
.supp-list-img .supp-operate .more-list{
    position: absolute;
    right: 0;
    top:0.25rem;
    width:0.28rem;
    height:0.28rem;
    background:url(../img/meau.png) no-repeat center center;
    background-size:0.28rem 0.28rem;
}
.supp-list-img .supp-operate .add-list{
    position: absolute;
    right: 0;
    top:0.25rem;
    width:0.3rem;
    height:0.3rem;
    background:url(../img/add_list.png) no-repeat center center;
    background-size:0.3rem 0.3rem;
}

.supp-list-content .desc {
    color: #808080;
    font-size: 0.22rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position:absolute;
    bottom:0rem;
    width:100%;
    left:0;
    padding:0 100px;
    padding:0 1rem;
}
.supp-list-img.lg .supp-list-content .desc{
    padding:0 130px;
    padding:0 1.3rem;    
}
.supp-operate {
    position: absolute;
    right: 0;
    top: 0rem;
}

.supp-list {
    position: relative;
    height: 0.84rem;
    /*padding: 0 0.3rem;*/
    /*border-bottom: 1px solid #ccc;*/
    background-color: #fff;
}
.supp-list:last-child{
    border:none;
}
.supp-list-img.xx,.supp-list.xx {
    height: 0.84rem;
    line-height: 0.84rem;
}
.supp-list.xx .supp-operate .arrow{
    height:0.84rem;
}
.supp-list-img.xs,.supp-list.xs {
    height: 0.86rem;
    padding: 0.27rem 0;
}

.supp-list-img.xs .supp-list-content{
    padding-top: 0;
}
.supp-list-img.sm,.supp-list.md {
    height: 1.1rem;
}

.supp-list-img.md,.supp-list.md {
    height: 1.2rem;
}

.supp-list-img.lg,.supp-list.lg {
    height: 1.6rem;
    padding: 0.25rem 0;
}

/*隐藏列表*/
.supp-list.auto{
    padding:0.16rem 0;
    /*margin:0 0.24rem;*/
    border-bottom: 0.01rem solid #e1e8ed;
    overflow: hidden;
    /*margin-bottom: 20px;*/
    min-height: 1.1rem;
    height:auto;
}
.supp-list.auto>div{
    padding-left:0.08rem;
    padding-right:0.4rem;
    overflow: hidden;
}
.supp-list.auto .title{
    color: #333333;
    font-size: 0.28rem;
}
.supp-list.auto .desc{
    color: #808080;
    font-size: 0.22rem;
}
.supp-show-content{
    float:left;
}
.supp-show-content>div:last-child{
    margin-top:0.22rem;
}
.supp-list.auto>div>span.title{
    float:right;
    /*margin-top:0.3rem;*/
    height:0.8rem;
    line-height:0.8rem;
}
.supp-list.auto .arrow{
    width: 0.28rem;
    height: 0.28rem;
    position:absolute;
    top:0.5rem;
    right:0;
    background: url("../img/arrow_bottom.png") no-repeat center right;
    -moz-background-size: 0.28rem 0.28rem; /* 老版本的 Firefox */
    background-size: 0.28rem 0.28rem;
}
.supp-hide-text{
    float:right;
    display: none;
}
.supp-hide-text>div{
    margin-bottom: 0.22rem;
}
.supp-hide-text>div:last-child{
    margin-bottom: 0rem;
}

.supp-list-img.md>.supp-cont-icon{
    width:0.86rem;
    height:0.86rem;
    float:left;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:0.86rem 0.86rem;
    line-height: 0.86rem;
    text-align: center;
}
.supp-list-img.md>.supp-cont-icon.user{
    border-radius: 50%;
    border:0.01rem solid #EEEEEE;
}
.supp-list-img.lg>.supp-cont-icon{
    width:1.1rem;
    height:1.1rem;
    float:left;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:1.1rem 1.1rem;
    line-height: 1.1rem;
    text-align: center;
}










/*
	list_icon_content.css
*/
.supp-list-img .supp-cont-icon .icon-bg, 
.supp-list-img .supp-cont-icon .icon {
    display:block;
    width: 1.1rem;
    height: 1.1rem;
    -moz-background-size: 0.74rem 0.74rem; /* 老版本的 Firefox */
    background-size: 0.74rem 0.74rem;
    border-radius: 0.20rem;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/*.supp-list-img .supp-cont-icon .icon-bg {
    background-color: #00A0E8;
}*/

/*两行内容带图标的列表*/
.supp-list-img.md .supp-cont-icon .icon-bg {
    width: 0.86rem;
    height: 0.86rem;
    background-size: 0.56rem 0.56rem;
}

.supp-list-img.lg .supp-cont-icon .icon {
    width: 1.1rem;
    height: 1.1rem;
    -moz-background-size: 100% 100%; /* 老版本的 Firefox */
    background-size: 100% 100%;
}

/*两行内容带图标的列表*/
.supp-list-img.md .supp-cont-icon .icon {
    width: 0.86rem;
    height: 0.86rem;
    -moz-background-size: 100% 100%; /* 老版本的 Firefox */
    background-size: 100% 100%;
}

.supp-list-img.md .supp-operate .install {
    position: absolute;
    top:32px;
    top: 0.32rem;
    right: 0;
    width:100px;
    width: 1rem;
    height:56px;
    height: 0.56rem;
    color:#00a0e8;
    font-size: 0.24rem;
    text-align: center;
    line-height: 56px;
    line-height: 0.56rem;
    border: 2px solid #00a0e8;
    border: 0.02rem solid #00a0e8;
    border-radius:6px;
    border-radius:0.06rem;
}

/*
    左侧图标padding-left:1.2rem
    右侧图标padding-right: 1.3rem
*/


.supp-list-img.lg .supp-list-content .title {
    font-size: 0.3rem;
    font-weight: 400;
}

.supp-list-img.lg .version {
    padding: 0.02rem 0rem;
    font-size: 0.18rem;
    color: #999999;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.supp-list-img.lg .version .arrow, .supp-list-img.lg .version .new_version {
    color: #ff8a00;
}

.supp-list-img.lg .supp-operate {
    top: 0.50rem;
}

.supp-list-img.lg .supp-operate .update, .supp-list-img.lg .supp-operate .delete {
    width: 0.57rem;
    height: 0.57rem;
    display: inline-block;
    background: url("../img/delete_icon.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.supp-list-img.lg .supp-operate .update {
    background: url("../img/update_icon.png") no-repeat;
    /*margin-left: 0.01rem;*/
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.supp-list-img.md .list-content .title {
    font-size: 0.3rem;
}

.supp-list-img.md .list-content .desc {
    font-size: 0.22rem;
}

/*.supp-list-img.md .supp-operate .arrow {
    top: 0.50rem;
}*/

/*不带图标的列表*/

.supp-list.lg .supp-list-content .title {
    font-size: 0.28rem;
    /*line-height: 0.94rem;*/
}

.supp-list.lg .supp-list-content .desc {
    font-size: 0.24rem;
    padding-top: 0.1rem;
}

.supp-list.lg .supp-operate .arrow {
    top: 0.40rem;
}

.supp-list.lg .supp-operate .other-cont {
    position: absolute;
    font-size: 0.28rem;
    top: 0.4rem;
    color: #333333;
    right: 0.48rem;
    word-break: keep-all;
    white-space: nowrap;
}

/*左侧图标 带背景色的*/
/*.supp-cont-icon .search {
    background-image: url("../img/search.png");
}*/

/*图标不带背景色*/
 /*.user {
    background-image: url("../img/user-women.png");
}*/

/*图标不带背景色*/
 .delete {
    background-image: url("../img/delete.png");
}

/*图标不带背景色*/
 /*.language {
    background-image: url("../img/language.png");
}*//*
	list_menu.css
*/
/*
*列表菜单
*/
.supp-list-img.xs .supp-cont-icon .icon {
    width: 0.33rem;
    height: 0.33rem;
    background-repeat:no-repeat;
    -moz-background-size: 0.32rem 0.32rem; /* 老版本的 Firefox */
    background-size: 0.32rem 0.32rem;
}

.supp-list-img.xs .supp-list-content .title {
    color: #333333;
    font-size: 0.26rem;
    line-height: 0.32rem;
}

.supp-list-img.xs .supp-operate .arrow {
    top: 0.29rem;
}

.supp-list-img.xs .supp-cont-icon .icon-bg {
    width: 0.38rem;
    height: 0.38rem;
    -moz-background-size: 0.38rem 0.38rem; /* 老版本的 Firefox */
    background-size: 0.38rem 0.38rem;
    border-radius: 0.06rem;
    margin-top:-3px;
    margin-top:-0.03rem;
}

.supp-list-img.xs .supp-cont-icon .icon {
    width: 0.3rem;
    height: 0.30rem;
    -moz-background-size: 0.3rem 0.3rem; /* 老版本的 Firefox */
    background-size: 0.3rem 0.3rem;
}

/*.supp-list-img.xs .icon-bg {
    left: 0.46rem;
}*/

.supp-list-img.xs .supp-list-content-two {
    padding-left: 1.08rem;
}

/*不带图标的列表*/
.supp-list {
    position: relative;
    height: 0.84rem;
    padding-left:0.08rem;
    /*margin:0 0.24rem;*/
    border-bottom: 0.01rem solid #e1e8ed;
}


.supp-list .supp-operate .arrow {
    top: 0.28rem;
}

.supp-list .supp-list-content {
    padding-left: 0rem;
}


.supp-list.xx .supp-list-content .title {
    line-height: 0.84rem;
    color: #333333;
    font-size: 0.26rem;
}

.supp-list.sm {
    height:1.1rem;
    padding:0.16rem 0.08rem 0.16rem 0.08rem;

}
.supp-list.sm .supp-operate .arrow{
    top: 0.3rem;
}
.supp-list-content .text{
    position: absolute;
    right: 0;
    top: 0.2rem;
    color: #333333;
    font-size: 0.28rem;
}
.supp-list-content .text-up{
    position: absolute;
    right: 0;
    top: 0rem;
    color: #333333;
    font-size: 0.28rem;
}
.supp-list-content .text-desc{
    position: absolute;
    right: 0;
    bottom: 0rem;
    color: #808080;
    font-size: 0.22rem;
}
.supp-list.sm .supp-list-content .title {
    color: #333333;
    font-size: 0.28rem;
}
.supp-list.sm .supp-list-content .desc{
    margin-top: 0.33rem;
}
.supp-list-content .r-icon{
    right: 0.4rem;
    top: 0.2rem;
}

.supp-list .circle-bg {
    background-color:#fff;
    background-size:0.26rem;
    background-position:50% 50%;
    width: 0.46rem;
    height: 0.46rem;
    border:0.01rem #e1e8ed solid;
    display:inline-block;
    border-radius: 50%;
    font-size: 0.26rem;
    padding: 0.08rem;
    position: absolute;
    top: 0.32rem;
    right: 0;
}
/*
	page_layout.css
*/
/*
 * 九宫格菜单布局
 */
.supp-square-menu{
    background:#fff;
    overflow: hidden;
}
.supp-square-menu>li{
    width:25%;
    height:129px;
    height:1.29rem;
    float:left;
    text-align: center;
    padding:40px 0;
    padding:0.36rem 0;
}
.supp-square-menu>li>div:first-child{
    width:70px;
    width:0.7rem;
    height:70px;
    height:0.7rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:70px;
    background-size:0.7rem;
    margin:0 auto;
}
.supp-square-menu>li>div:last-child{
    color:#333;
    font-size:24px;
    font-size:0.24rem;
    margin-top:20px;
    margin-top:0.2rem;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.supp-square-menu .supp-all-menu{
    background:url(../img/all_menu.png) no-repeat center center;
}

/*
 * 图文列表样式
 */
.supp-card-title-lg{
    height:70px;
    height:0.7rem;
    line-height:70px;
    line-height:0.7rem;
    border-bottom: 1px solid #d2d2d2;
    border-bottom: 0.01rem solid #d2d2d2;
    background-color:#fff;
    padding:0 24px;
    padding:0 0.24rem;
    overflow: hidden;
    position:relative;
}
.supp-card-name-lg{
    color:#333;
    font-size:24px;
    font-size:0.24rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size:38px;
    background-size:0.38rem;
    padding-left:50px;
    padding-left:0.5rem;
    float:left;
}
.supp-card-more{
    color:#767676;
    position:absolute;
    top:0;
    right:24px;
    right:0.24rem;
    width:26px;
    width:0.26rem;
    font-size:0.26rem;
}
/*水平文本排列*/
.supp-card-content-h{
    padding:25px 0;
    padding:0.25rem 0;
    margin:0 24px;
    margin:0 0.24rem;
    border-bottom:1px solid #d2d2d2;
    border-bottom:0.01rem solid #d2d2d2;
    overflow: hidden;
}
.supp-card-content-h .supp-con-photo{
    width:176px;
    width:1.76rem;
    height:132px;
    height:1.32rem;
    float:left;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:conver;
}
.supp-card-content-h .supp-content{
    height:132px;
    height:1.32rem;
    padding:8px 0 8px 201px;;
    padding:0.08rem 0 0.08rem 2.01rem;;
    position:absolute;
}
.supp-card-content-h .supp-content .supp-con-date{
    position:absolute;
    bottom:8px;
    bottom:0.08rem;
}
.supp-con-text{
    color:#333;
    font-size:24px;
    font-size:0.24rem;
    height:70px;
    height:0.7rem;
    line-height:35px;
    line-height:0.35rem;
}
.supp-con-date{
    color:#999;
    font-size:20px;
    font-size:0.2rem;
    margin-top:20px;
    margin-top:0.2rem;
}
/*垂直文本排列*/
.supp-card-content-v{
    margin:0 24px;
    margin:0 0.24rem;
    padding-top:25px;
    padding-top:0.25rem;
    overflow: hidden;
    border-bottom:1px solid #d2d2d2;
    border-bottom:0.01rem solid #d2d2d2;
}
.supp-card-content-v .supp-con-photo{
    display:-moz-box; /* Firefox */
    display:-webkit-box; /* Safari and Chrome */
    display:box;
    margin-top:25px;
    margin-top:0.25rem;
}
.supp-card-content-v .supp-con-photo>div{
    -moz-box-flex:1.0; /* Firefox */
    -webkit-box-flex:1.0; /* Safari and Chrome */
    box-flex:1.0;
    height:132px;
    height:1.32rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:conver;
}
.supp-card-content-v .supp-con-photo.double>div{
    height:200px;
    height:2rem;
}
.supp-card-content-v .supp-con-date{
    margin:18px 0;
    margin:0.18rem 0;
}

/*含按钮的文本*/
.supp-card-content{
    padding:24px 0;
    padding:0.24rem 0;
}
.supp-card-content>div{
    height: 70px;
    height: 0.7rem;
    line-height:70px;
    line-height: 0.7rem;
    font-size: 27px;
    font-size: 0.27rem;
}
.supp-card-content .supp-con-text{
    height:auto;
}

/*分区背景标题*/
.supp-card-title-sm{
    height:84px;
    height:0.84rem;
    line-height:84px;
    line-height:0.84rem;
    padding:0;
    overflow: hidden;
    position:relative;
    color:#4d4d4d;
    background-color:#fff;
    border-bottom: 1px solid #e6e6e6;
    /*border-bottom: 0.01rem solid #e6e6e6;*/
    font-weight: bold;
    font-size: 28px;
    font-size: 0.28rem;
}

.supp-card-title-sm .supp-card-name-sm{
    color: #808080;
}

.supp-card-name-sm{
    color:#666;
    font-size:26px;
    font-size:0.26rem;
}

/*标题+表单列表样式*/
.supp-list-title{
    height:84px;
    height:0.84rem;
    line-height:84px;
    line-height:0.84rem;
    padding:0 24px;
    padding:0 0.24rem;
    background:#fff;
    border-bottom: 1px solid #D2D2D2;
    border-bottom: 0.01rem solid #D2D2D2;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}
.supp-list-name{
    color:#666;
    font-size:28px;
    font-size:0.28rem;
}
.supp-arrow-right-lg{
    width:30px;
    width:0.3rem;
    height:30px;
    height:0.3rem;
    background:url(../img/arrow_right.png) no-repeat center center;
    background-size:cover;
}
.supp-arrow-bottom-lg{
    width:30px;
    width:0.3rem;
    height:30px;
    height:0.3rem;
    background:url(../img/arrow_bottom.png) no-repeat center center;
    background-size:cover;
}
.supp-list-wrapper{
    background-color:#fff;
    padding:0 24px;
    padding:0 0.24rem;
    display: none;
}
.supp-list-wrapper>li{
    height:84px;
    height:0.84rem;
    line-height:84px;
    line-height:0.84rem;
    padding:0 8px;
    padding:0 0.08rem;
    overflow:hidden;
    position:relative;
    line-height:0.84rem;border-bottom: 1px solid #D2D2D2;
    border-bottom: 0.01rem solid #D2D2D2;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}
.supp-list-wrapper .list-con-name{
    color:#808080;
    font-size:26px;
    font-size:0.26rem;
    float:left;
}
.supp-list-wrapper .list-content{
    color:#333;
    font-size:26px;
    font-size:0.26rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}
.supp-list-wrapper .list-content>input,.supp-list-wrapper .list-content select{
    height:83px;
    height:0.83rem;
    line-height:84px;
    line-height:0.84rem;
    border:none;
    color:#333;
    font-size:26px;
    font-size:0.26rem;
    text-align: right;
    outline:none;
}
.supp-list-wrapper .list-content select{
    background-color:#fff;
    -webkit-appearance: none;
}
.supp-list-wrapper .list-content>input::-webkit-input-placeholder{
    color:#ccc;
    font-size:22px;
    font-size:0.22rem;
}
.supp-list-wrapper .list-content>input::-moz-input-placeholder{
    color:#ccc;
    font-size:22px;
    font-size:0.22rem;
}
.supp-arrow-right-md{
    width:28px;
    width:0.28rem;
    height:28px;
    height:0.28rem;
    background:url(../img/arrow_right.png) no-repeat center center;
    background-size:cover;
    display: inline-block
}
.supp-page-gap{
    margin-bottom: 25px;
    margin-bottom: 0.25rem;
}
.supp-more{
    color:#999;
    width:100%;
    font-size:0.26rem;
    height:0.64rem;
    line-height:0.64rem;
    background:#FBFCFD;
    text-align: center;
}
.hide-list{
    display: none;
}
/*标题+说明内容*/
.supp-card-title-md{
    height:60px;
    height:0.6rem;
    line-height:60px;
    line-height:0.6rem;
    padding:0 24px;
    padding:0 0.24rem;
    background-color:#fff;
    border-bottom: 1px solid #D2D2D2;
    border-bottom: 0.01rem solid #D2D2D2;
}
.supp-card-name-md{
    color:#333;
    font-size:26px;
    font-size:0.26rem;
}
.supp-illust-content,.supp-base-mes{
    padding:0px 24px 30px;
    padding:0rem 0.24rem 0.3rem;
    background-color:#fff;
}
.supp-base-mes>div{
    color:#333;
    font-size:22px;
    font-size:0.22rem;
    margin-left:28px;
    margin-left:0.28rem;
    margin-bottom: 20px;
    margin-bottom: 0.2rem;
}
.supp-base-mes>div:last-child{
    margin-bottom: 0;
}
.supp-illust-content>div>div{
    color:#333;
    font-size:22px;
    font-size:0.22rem;
    margin-left:28px;
    margin-left:0.28rem;
    margin-bottom: 20px;
    margin-bottom: 0.2rem;
}
.supp-illust-content>div>div:last-child{
    margin-bottom: 0;
}
.supp-illust-content .illust-sub-title{
    color:#808080;
    font-size: 22px;
    font-size:0.22rem;
    /*margin-left:20px;
    margin-left:0.2rem;*/
    padding:30px 0 20px 0;
    padding:0.3rem 0 0.2rem 0;
    margin-bottom: 0;
}

/*标题+内容*/

.supp-title-content{
    background-color:#fff;
    padding:0 24px;
    padding:0 0.24rem;
}
.supp-title-content>div{
    padding:0 8px 30px;
    padding:0 0.08rem 0.3rem;
    border-bottom: 1px solid #D2D2D2;
    border-bottom: 0.01rem solid #D2D2D2;
}
.supp-title-name{
    color:#333;
    font-size:26px;
    font-size:0.26rem;
    padding:30px 0;
    padding:0.3rem 0;
}
.supp-title-content .supp-describ-mes,.supp-title-content .supp-other-mes{
    color:#666;
    font-size:22px;
    font-size:0.22rem;
}
.supp-title-content .supp-other-mes{
    margin-bottom: 24px;
    margin-bottom: 0.24rem;
}
.supp-title-content .supp-other-mes:last-child{
    margin-bottom: 0;
}
.supp-describ-mes>div{
    line-height: 38px;
    line-height:0.38rem;
}
.supp-more-mes{
    color:#FF8A00;
    font-size: 22px;
    font-size:0.22rem;
    position:absolute;
    right:0;
    bottom:0;
    background-color:#fff;
    padding-left:10px;
    padding-left:0.1rem;
}

/*内容查看+图片展示*/
.supp-photo-title{
    padding:34px 24px;
    padding:0.34rem 0.24rem;
    background:#FBFCFD;
    overflow: hidden;
}
.supp-photo-title>span:first-child{
    float:left;
    color:#999;
    font-size:26px;
    font-size:0.26rem;
    font-weight: bold;
}
.supp-more-language{
    width:40px;
    width:0.4rem;
    height:40px;
    height:0.4rem;
    float:right;
    background:url(../img/arrow_gray_bottom.png) no-repeat center center;
    background-size: 14px;
    background-size:0.14rem;
    z-index: 10;
}
/*.supp-photo-title>span.supp-more-language{
    margin-top:10px;
    margin-top:0.1rem;
}*/
.supp-photo-content{
    padding:0 24px 30px 24px;
    padding:0 0.24rem 0.3rem 0.24rem;
    background:#FBFCFD;
    overflow: hidden;
}
.supp-photo-content>.supp-left-photo{
    width:230px;
    width:2.3rem;
    height:230px;
    height:2.3rem;
    float:left;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
}
.supp-photo-content>.supp-right-text{
    padding:8px 0 0 25px;
    padding:0.08rem 0 0 0.25rem;
    overflow: hidden;
}
.supp-form-group{
    overflow: hidden;
    margin-bottom:30px;
    margin-bottom:0.3rem;
}
.supp-view-label{
    float:left;
    color:#808080;
    font-size:24px;
    font-size:0.24rem;
}
.supp-view-group{
    float:left;
    color:#333;
    font-size:24px;
    font-size:0.24rem;
}
.supp-hide-language{
    display: none;
}

/*添加数据样式*/
.supp-add-list{
    width: 100%;
    height: 0.95rem;
    background: #fff;
    position: fixed;
    top: 78px;
    top: 0.78rem;
    left: 0;
    z-index: 80;
    padding:0 0.24rem;
}
.supp-add-list>input{
    border:none;
    height:0.5rem;
    width:80%;
    position:absolute;
    left;0;
    bottom:0.15rem;
    outline:none;
    font-size:0.22rem;
    padding-left:0.1rem;
    color:#333;
    border-bottom: 0.01rem solid #38ADFF;
}
.supp-add-list>.add-icon{
    width:0.32rem;
    height:0.95rem;
    float:right;
    background:url(../img/plus.png) no-repeat center center;
    background-size:0.32rem 0.32rem;
}
.supp-lists{
    background:#fff;
}
.pt-header-add{
    padding-top:1.98rem;
}

/*弹出层样式*/
.supp-popUp{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:111;
    background:rgba(0,0,0,.3);
    -webkit-align-items: center;
    display: none;
    /*display: -webkit-flex;*/
}
.supp-popUp .popUp-wrapper{
    width:75%;
    max-height:90%;
    margin:0 auto;
    background:#fff;
    padding:0 0.24rem;
    border-radius: 0.05rem;
    padding-bottom: 0.88rem;
}
.supp-popUp .close-popUp{
    width:0.62rem;
    height:0.52rem;
    background:url(../img/pop-close.png) no-repeat center center;
    background-size:0.32rem;
    position:absolute;
    top:0rem;
    right:0rem;
    z-index: 99;
}
.supp-popUp .popUp-footer-button{
    width:100%;
    height:0.88rem;
    line-height:0.88rem;
    position:absolute;
    background:#fafafa;
    bottom:0;
    left:0;
    border-radius:0 0 0.05rem 0.05rem;
    border-top:0.01rem solid #E5E5E5;
}
.supp-popUp .popUp-footer-button>div{
    width:50%;
    float:left;
    color:#00A0E8;
    font-size:0.3rem;
    text-align: center;
}
.supp-popUp .popUp-footer-button>div:first-child{
    width:49%;
    border-right:0.01rem solid #E5E5E5;
    color:#666;
}

/*select样式*/
.supp-select{
    width:100%;
    height:0.84rem;
    line-height:0.84rem;
    position:relative;
    padding:0 0.08rem;
    border-bottom: 0.01rem solid #DCDCDC;
}
.supp-select .select-con{
    color:#333;
    font-size:0.26rem;
}
.supp-select .select-placeholder{
    height:100%;
    color:#ccc;
    font-size:0.22rem;
}
.supp-select .select-arrow{
    width:0.12rem;
    height:0.84rem;
    position:absolute;
    top:0;
    right:0.08rem;
    background:url(../img/arrow_gray_bottom.png) no-repeat center center;
    background-size:0.12rem;
}
.supp-select select{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity: 0;
}

/*聊天对话气泡样式*/
.supp-bubble-wrapper{
    background:#ebebeb;
    height:100%;
    padding:0 0.24rem;
    overflow: hidden;
    overflow-y: auto;
}
.supp-bubble{
    padding-bottom: 0.36rem;
    position:relative;
    overflow: hidden;
}
.supp-bubble .left-icon{
    width:0.36rem;
    height:0.36rem;
    float:left;
    border:0.02rem solid #ccc;
    border-radius: 50%;
    margin-top:0.18rem;
    z-index: 3;
}
.supp-bubble .bublle-line{
    width:0.36rem;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:url(../img/bubble_line.png) repeat-y center center;
}
.supp-bubble:last-child .bublle-line{
    height:0.33rem;
}
.supp-bubble:first-child .bublle-line{
    top:0.2rem;
}
.supp-bubble.text .left-icon{
    background:#fff url(../img/text.png) no-repeat center center;
    background-size:0.24rem;
}
.supp-bubble .center-con{
    float:left;
    max-width: 4.4rem;
    min-height:0.7rem;
    position: relative;
    margin-left:0.25rem;
}
.supp-bubble .bubble-arrow{
    width:0.16rem;
    height:0.7rem;
    background:url(../img/bubble_arrow.png) no-repeat center center;
    background-size:0.16rem 0.29rem;
    position:absolute;
    top:0;
    left:-0.15rem;
    z-index: 2;
}
.supp-bubble.text .main-text{
    border:0.01rem solid #ccc;
    border-radius: 0.075rem;
    padding:0.22rem;
    display:inline-block;
    background-color:#fff;
}
.supp-bubble .main-text{
    color:#333;
    font-size: 0.28rem;
}
.supp-bubble .right-remove{
    width:0.38rem;
    height:0.7rem;
    position:absolute;
    top:0;
    right:0;
    background:url(../img/remove_news.png) no-repeat center center;
    background-size:0.38rem;
}
.supp-bubble.voice .left-icon{
    background:#fff url(../img/microphone.png) no-repeat center center;
    background-size:0.24rem;
}
.supp-bubble.voice .center-con{
    width:4.4rem;
}
.supp-bubble.voice .voice-con{
    width:40%;
    max-width:78%;
    height:0.7rem;
    float:left;
    border:0.01rem solid #ccc;
    border-radius: 0.075rem;
    background:#fff url(../img/speak.png) no-repeat 0.16rem center;
    background-size:0.32rem;
}
.supp-bubble.voice .voice-con.speaking{
    background:#fff url(../img/speak.gif) no-repeat 0.16rem center;
    background-size:0.32rem;
}
.supp-bubble.voice .voice-time{
    color:#aaa;
    font-size:0.24rem;
    height:0.7rem;
    line-height: 0.7rem;
    float:left;
    margin-left:0.2rem;
}
.supp-bubble.label .left-icon{
    background:#fff url(../img/paper_clip.png) no-repeat center center;
    background-size:0.24rem;
    margin-top:0.13rem;
}
.supp-bubble.label .center-con{
    height:0.58rem;
    min-height:0.58rem;
}
.supp-bubble.label .center-con>div{
    float:left;
    height:0.5rem;
    position:relative;
    margin-right:0.3rem;
    margin-top:0.08rem;
}
.supp-bubble.label .bubble-arrow{
    width:0.11rem;
    height:0.5rem;
    background-size:0.11rem 0.2rem;
    left:-0.1rem;
}
.supp-bubble.label .label-con{
    color:#666;
    font-size:0.26rem;
    height:0.5rem;
    line-height:0.5rem;
    border:0.01rem solid #ccc;
    border-radius: 0.075rem;
    padding:0 0.18rem;
    float:left;
    background:#fff;
}
.supp-bubble.label .label-clip{
    width:0.32rem;
    height:0.32rem;
    position:absolute;
    top:-0.06rem;
    right:-0.06rem;
    background:url(../img/label_clip.png) no-repeat center center;
    background-size:0.32rem;
}
.supp-bubble.ppt .left-icon{
    background:#EE7635 url(../img/ppt_sm.png) no-repeat center center;
    background-size:0.24rem;
}
.supp-bubble.ppt .center-con>div{
    padding:0.22rem;
    float:left;
    border:0.01rem solid #ccc;
    border-radius: 0.075rem;
    background:#fff;
}
.supp-bubble.ppt .ppt-logo{
    width:1.3rem;
    height:1.3rem;
    float:left;
    background:url(../img/ppt_lg.png) no-repeat center center;
    margin-right:0.22rem;
    background-size:1.3rem;
}
.supp-bubble.ppt .ppt-logo + div{
    padding:0.08rem 0;
    height:1.3rem;
    position:relative;
    float:left;
}
.supp-bubble.ppt .ppt-logo + div>span:last-child{
    position: absolute;
    left:0;
    bottom: 0.08rem;
}
.supp-bubble .sub-text{
    color:#999;
    font-size:0.22rem;
}
.supp-bubble.company .left-icon{
    background:#5EBDFF url(../img/bubble_com.png) no-repeat center center;
    background-size:0.24rem;
}
.supp-bubble.company .center-con .main-text{
    height:0.7rem;
    line-height:0.7rem;
    padding-left:0.22rem;
    float:left;
    border:0.01rem solid #ccc;
    border-radius: 0.075rem;
    padding-right:0.87rem;
    background:#fff url(../img/company_logo.png) no-repeat right top;
    background-size:0.65rem 0.65rem;
}
.supp-bubble.news .left-icon{
    background:#fff url(../img/bubble_news.png) no-repeat center center;
    background-size:0.24rem;
}
.supp-bubble.news .center-con>div{
    height:0.7rem;
    padding:0.12rem 0.22rem;
    border:0.01rem solid #ccc;
    border-radius: 0.075rem;
    background:#fff;
}
.supp-bubble.news .center-con>div>span:first-child{
    width:0.46rem;
    height:0.46rem;
    border-radius:50%;
    float:left;
    background:#eee url(../img/bubble_news.png) no-repeat center center;
    background-size:0.28rem;
    margin-right:0.2rem;
}
/*筛选更多部分*/
.filter-arrow{
    color:#999;
    font-size:0.2rem;
    background:url(../img/arrow_bottom.png) no-repeat right center;
    background-size:0.2rem;
    padding-right:0.2rem;
}
.supp-hide-btn{
    display: none;
   overflow: hidden;
}
.supp-all-btn{
    width:1.44rem;
    height:0.46rem;
    color:#666;
    font-size:0.2rem;
    background:url(../img/arrow-right.png) no-repeat right center;
    background-size:0.2rem;
    padding-right:0.2rem;
    margin-right:0.12rem;
    margin-bottom: 0.12rem;
    line-height:0.46rem;
    text-align:center;
    float:left;
}
.filter-footer-button{
    width:5rem;
}
.filter-title{
    width:5rem;
    height:0.8rem;
    line-height:0.8rem;
    background:#fff;
    position:fixed;
    top:0;
    right:0;
    padding-left:0.14rem;
}
.filter-title .supp-header-left{
    color:#38ADFF;
    height:0.8rem;
}





























/*
	slide_left.css
*/
.scroll-bar,.scroll-right {
    background: #fff !important;
    min-height: 0 !important;
}

.scroll-bar .supp-list-img,.scroll-bar .supp-list,.scroll-bar .supp-list-img,.scroll-bar .supp-list .supp-list-content {
    border:none !important;
}

.scroll-right div {
    height: 100%;
    /*padding: 2px 0;*/
}

.scroll-right .supp-operBtn {
    height: 100%;
    display: inline-block;
    background: red;
    align-items: center;
    display: -webkit-flex;
    font-size: 26px;
    font-size: 0.26rem;
    padding:0 0.43rem;
}

.supp-slide li {
    min-height: 0 !important;
}

.supp-operBtn.md {
    padding:0 0.43rem;
}
/*
	以下为mui左划样式
*/
.mui-off-canvas-wrap {
    position: relative;
    z-index: 1;
    overflow: hidden;
    /*width: 100%; 
    height: 100%;*/
}
.mui-off-canvas-wrap.mui-active {
    overflow: hidden;
}
.mui-off-canvas-wrap .mui-inner-wrap.mui-transitioning {
    -webkit-transition: -webkit-transform 350ms;
    transition: transform 350ms cubic-bezier(.165, .84, .44, 1);
}
.mui-off-canvas-wrap .mui-inner-wrap {
    position: relative;
    z-index: 1;
}

.mui-off-canvas-left, .mui-off-canvas-right {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    visibility: hidden;
    box-sizing: content-box;
    min-height: 100%;
    background: #fff;
    -webkit-overflow-scrolling: touch;
}

.mui-off-canvas-right .supp-operBtn {
    padding: 0 0.43rem;
    height: 100%;
    display: flex;
    font-size: 0.26rem;
    color: #fff;
    float: left;
    align-items: center;
}

.mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop {
    position: absolute;
    z-index: 998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    transition: background 350ms cubic-bezier(.165,.84,.44,1);
    background: rgba(0,0,0,.2);
    box-shadow: -1px 0 1px rgba(0,0,0,.1), 4px 0 4px rgba(0,0,0,.1);
    -webkit-tap-highlight-color: transparent;
}

.mui-off-canvas-left.mui-transitioning, .mui-off-canvas-right.mui-transitioning {
    -webkit-transition: -webkit-transform 350ms cubic-bezier(.165,.84,.44,1);
    transition: transform 350ms cubic-bezier(.165,.84,.44,1);
}
.mui-off-canvas-right {
    right: 0;
}
/*
 * 搜索框
 */
.supp-con-search{
    width:100%;
    height:78px;
    height:0.78rem;
    line-height: 78px;
    line-height: 0.78rem;
    background:#F9F9F9;
    position:fixed;
    top:78px;
    top:0.78rem;
    left:0;
    z-index: 101;
}
.supp-con-search>.supp-header-search{
    padding:0 24px;
    padding:0 0.24rem;
}

/*
 * 筛选文字版
 */
.supp-con-search  .supp-filter-text{
    color:#38ADFF;
    margin-right:0;
}

/*筛选图标版*/
.supp-con-search  .supp-filter-icon{
    color:#38ADFF;
    width:32px;
    width:0.32rem;
    height:32px;
    height:0.32rem;
    line-height:32px;
    line-height:0.32rem;
    font-size:32px;
    font-size:0.32rem;
}

/*
 * 单选和复选列表页面样式
 */
.supp-radio-list,.supp-checkbox-list{
    background-color: #fff;
    padding:0 24px;
    padding:0 0.24rem;
}
.supp-radio-list>li,.supp-checkbox-list>li{
    color:#333;
    height:84px;
    height:0.84rem;
    line-height:84px;
    line-height:0.84rem;
    font-size:26px;
    font-size:0.26rem;
    padding:0 8px;
    padding:0 0.08rem;
    padding-right:40px;
    padding-right: 0.4rem;
    border-bottom: 1px solid #D2D2D2;
    border-bottom: 0.01rem solid #D2D2D2;
    font-family: 'icomoon' !important;
    speak: none;   
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.supp-radio-list>li>span,.supp-checkbox-list>li>span{
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    width:100%;
}
.supp-radio-list>li:last-child,.supp-checkbox-list>li:last-child{
    border: none;
}
.supp-radio-list>li>span:first-child,.supp-checkbox-list>li>span:first-child{
    float:left;
}
.supp-checkbox-list>li>div{
    height:84px;
    height:0.84rem;
    position:absolute;
    right:24px;
    right:0.24rem;  
}
.supp-radio-list .icon-fa-check:before{
    color:#00A0E8;
    font-size:30px;
    font-size: 0.3rem;
    position: absolute;
    right:32px;
    right:0.32rem;
}
.supp-checkbox-list .supp-checkbox label:before{
    font-size:30px !important;
    font-size: 0.3rem !important;  
}
.supp-checkbox-list .supp-checkbox>input[type="checkbox"] + label{
    height:100%;
}

/*
 * 浮动下拉列表
 */
 .supp-pull-down{
    position:fixed;
    top:0;
    z-index:10;
    width:100%;
 }
.supp-pull-title{
    height:86px;
    height:0.86rem;
    padding:0 35px;
    padding:0 0.35rem;
    background-color:#20a3ff;
    display:-webkit-box; /* Safari and Chrome */
    display:box;
    -webkit-box-align:center;
    box-align:center;
}
.supp-pull-title>li{
    width:33.333%;
    color:#fff;
    height:64px;
    height:0.64rem;
    line-height:64px;
    line-height:0.64rem;
    font-size:28px;
    font-size:0.28rem;
    padding:0 26px;
    padding:0 0.26rem;
    border-right:2px solid rgba(250,252,255,.2);
    border-right:0.02rem solid rgba(250,252,255,.2);
}
.supp-pull-title>li:last-child{
    border:none;
}
.supp-pull-title>li>span{
    width:100%;
    display: inline-block;
    background:url(../img/arrow_fill_bottom.png) no-repeat right center;
    background-size:14px;
    background-size:0.14rem;
    padding-right:14px;
    padding-right:0.14rem;
}
.supp-pull-title>li.active>span{
    color:#ffa800;
    background:url(../img/arrow_orange_top.png) no-repeat right center;
    background-size:14px;
    background-size:0.14rem;
}
.supp-pull-content{
    width:100%;
    background-color:rgba(0,0,0,.3);
    position:absolute;
    top:86px;
    top:0.86rem;
    left:0;
    z-index: 10;
    display: none;
}
.supp-pull-content>ul{
    background-color: #fff;
    padding:0 24px 30px;
    padding:0 0.24rem 0.3rem;
    display: none;
}
.supp-pull-content>ul>li{
    color:#333;
    font-size:24px;
    font-size:0.24rem;
    height:76px;
    height:0.76rem;
    line-height:76px;
    line-height:0.76rem;
    padding-left:36px;
    padding-left:0.36rem;
    border-bottom: 1px solid #D2D2D2;
    border-bottom: 0.01rem solid #D2D2D2;
}


















.sideslip {
    position: absolute;
    top: 0;
    left:5000px;
    z-index: 110;
    display: none;
    width:5rem;
}

.sideslip-layer {
    position: fixed;
    top: 0;
    left:0;
    bottom:0;
    right:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index:109;
}
.remove-layer{
    width:100%;
    height:100%;
}
.sideslip .supp-footer-button{
    width:5rem;
}

.supp-indexed-list{
    height:100%;
    background-color: #FFFFFF;
}
/*bar*/
.supp-indexed-list-bar {
    width: 23px;
    width:0.23rem;
    /*background-color: #d3d3d3;*/
    position: absolute;
    height: 100%;
    z-index: 10;
    right: 0;
    -webkit-transition: .2s;
}
/*.supp-indexed-list-bar.active{
    background-color:#C8C8C8;
}*/
.supp-indexed-list-bar a {
    display: block;
    text-align: center;
    font-size: 22px;
    font-size: 0.22rem;
    padding: 0;
    margin: 0;
    line-height: 15px;
    line-height: 0.15rem;
    color: #666;
}
.supp-indexed-list-bar a.active{
    color:#00A0E8;
}
/*group*/
.supp-indexed-list-group{ 
    background-color: #f5f8fa;
    font-weight: 700;
    position: relative;
    margin-top: -2px;
    margin-top: -0.02rem;
    padding-left: 8px;
    padding-left: 0.08rem;
    color: #808080;
    height:42px;
    height:0.42rem;
    line-height:42px;
    line-height:0.42rem;
    font-size: 0.22rem;
}

/**/
.supp-indexed-list-inner{
    height:100%;
    overflow-y:auto;
}
.supp-indexed-list-inner::-webkit-scrollbar {
    display: none;
}
.supp-table-view-cell{
    height:84px;
    height:0.84rem;
    line-height:84px;
    line-height:0.84rem;
    font-size:26px;
    font-size:0.26rem;
    /*border-bottom:2px solid #d2d2d2;
    border-bottom:0.02rem solid #d2d2d2;*/
    position:relative;
}
.supp-table-view-cell label{
    display:inline-block;
    width:100%;
    height:100%;
    padding:0 8px;
    padding:0 0.08rem;
    padding-right: 0.38rem !important;
}
.supp-table-view-cell input{
    display:none;
}
.supp-table-view-cell input + label:before{
    content: " ";
    position:absolute;
    right:50px;
    right:0.5rem;   
}
.supp-table-view-cell input[type="radio"]:checked + label:before {
    content:"\e910";
    color:#38ADFF;
    font-size:35px;
    font-size:0.35rem;
}
.supp-table-view-cell input[type="radio"]:checked + label>span{
    color:#38ADFF;
}
.supp-table-view-cell input[type="checkbox"] + label:before {
    content:"\e915";
    color:#bfbfbf;
    font-size:35px;
    font-size:0.35rem;
}
.supp-table-view-cell input[type="checkbox"]:checked + label:before {
    color:#38ADFF;
    content:"\e916";
    font-size:35px;
    font-size:0.35rem;
}
.supp-table-view-cell span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    padding-right: 50px;
    padding-right: 0.5rem;
    border-bottom:2px solid #d2d2d2;
    border-bottom:0.02rem solid #d2d2d2;
}
/**/
.supp-indexed-list-alert {
    position: absolute;
    z-index: 20;
    background-color: rgba(0, 0, 0, 0.5);
    width: 80px;
    width:0.8rem;
    height: 80px;
    height:0.8rem;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-left: -0.4rem;
    margin-top: -40px;
    margin-top: -0.4rem;
    border-radius: 50%;
    text-align: center;
    line-height: 80px;
    line-height: 0.8rem;
    font-size: 35px;
    font-size: 0.35rem;
    color: #fff;
    display: none;
    -webkit-transition: .2s;
}
.supp-indexed-list-alert.active{
    display:block;
}

.supp-indexed-list-inner .supp-checkbox{
    position: absolute;
    line-height: 86px;
    line-height: 0.86rem;
}
.supp-indexed-list-inner .supp-cont-icon-checkbox{
    left: 50px !important;
    left: 0.5rem !important;
}
.supp-indexed-list-inner .supp-list-content-checkbox{
    padding-left: 150px !important;
    padding-left: 1.5rem !important;
}
.supp-indexed-list-inner .supp-list-content-checkbox .desc {
    padding-left: 150px !important;
    padding-left: 1.5rem !important;
}
/**
 * 选择列表插件
 * varstion 2.0.0
 * by Houfeng
 * Houfeng@DCloud.io
 */
/*mui部分css抽取*/
.mui-btn{
    font-size: 22px;
    font-size: 0.22rem;
    font-weight: 400;
    width:80px;
    width:0.8rem;
    height:50px;
    height:0.5rem;
    position: relative;

    display: inline-block;

    margin-bottom: 0;
    padding: 6px 12px;
    padding: 0.06rem 0.12rem;
    cursor: pointer;
    -webkit-transition: all;
            transition: all;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;

    color: #666;
    border: 1px solid #ccc;
    border: 0.01rem solid #ccc;
    border-radius: 3px;
    border-radius: 0.03rem;
    background-color: #f7f7f7;
    background-clip: padding-box;
}
.mui-btn-primary,.mui-btn-blue{
    color: #fff;
    border: 1px solid #00A0E8;
    border: 0.01rem solid #00A0E8;
    background-color: #00A0E8;
}
.mui-backdrop{
    position: fixed;
    z-index: 998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
}
/*end*/

.mui-picker {
    background-color: #ddd;
    position: relative;
    height: 200px;
    height: 2rem;
    overflow: hidden;
    border: solid 1px rgba(0, 0, 0, 0.1);
    border: solid 0.01rem rgba(0, 0, 0, 0.1);
    -webkit-user-select: none;
    user-select: none;
    box-sizing: border-box;
}
.mui-picker-inner {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
    -webkit-mask-box-image: linear-gradient(top, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
}
.mui-pciker-list,
.mui-pciker-rule {
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 36px;
    line-height: 36px;
    /*height: 0.36rem;  此处不需要转换为rem，否则选择区域高度过窄
    line-height: 0.36rem;*/
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -18px;
    margin-top: -0.18rem;
}
.mui-pciker-rule-bg {
    z-index: 0;
    /*background-color: #cfd5da;*/
}
.mui-pciker-rule-ft {
    z-index: 2;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    border-top: solid 0.01rem rgba(0, 0, 0, 0.1);
    border-bottom: solid 0.01rem rgba(0, 0, 0, 0.1);
    /*-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);*/
    /*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);*/
}
.mui-pciker-list {
    z-index: 1;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
    transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
}
.mui-pciker-list li {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    box-sizing: border-box;
    /*font-size: 16px;
    font-size: 0.16rem;*/
   font-size:28px;
   font-size:0.28rem;
    font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    color: #888;
    padding: 0px 8px;
    padding: 0px 0.08rem;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
    visibility: hidden;
}
.mui-pciker-list li.highlight,
.mui-pciker-list li.visible {
    visibility: visible;
}
.mui-pciker-list li.highlight {
    color: #222;
    font-size:30px;
    font-size:0.3rem;
    /*height:66px;
    height:0.66rem;
    line-height: 66px;
    line-height: 0.66rem;*/
}
.mui-poppicker {
	position: fixed;
	left: 0px;
	width: 100%;
	z-index: 999;
	background-color: #eee;
	border-top: solid 1px #ccc;
	border-top: solid 0.01rem #ccc;
	box-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px -0.05rem 0.07rem 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: .3s;
	bottom: 0px;
	-webkit-transform: translateY(300px);
}
.mui-poppicker.mui-active {
	-webkit-transform: translateY(0px);
}
.mui-android-5-1 .mui-poppicker {
	bottom: -300px;
	bottom: -3rem;
	-webkit-transition-property: bottom;
	-webkit-transform: none;
}
.mui-android-5-1 .mui-poppicker.mui-active {
	bottom: 0px;
	-webkit-transition-property: bottom;
	-webkit-transform: none;
}
.mui-poppicker-header {
	padding: 6px;
	font-size: 14px;
	padding: 0.06rem;
    font-size: 0.14rem;
	color: #888;
}
.mui-poppicker-header .mui-btn {
	font-size: 22px;
	padding: 5px 10px;
	font-size: 0.22rem;
    padding: 0.05rem 0.1rem;
}
.mui-poppicker-btn-cancel {
	float: left;
}
.mui-poppicker-btn-ok {
	float: right;
}
.mui-poppicker-clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
}
.mui-poppicker-body {
	position: relative;
	width: 100%;
	height: 200px;
	border-top: solid 1px #ddd;
	height: 2rem;
    border-top: solid 0.01rem #ddd;
	/*-webkit-perspective: 1200px;
	perspective: 1200px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;*/
}
.mui-poppicker-body .mui-picker {
	width: 100%;
	height: 100%;
	margin: 0px;
	border: none;
	float: left;
}
.mui-dtpicker {
	position: fixed;
	left: 0px;
	width: 100%;
	z-index: 999999;
	background-color: #eee;
	border-top: solid 1px #ccc;
	box-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.1);
	border-top: solid 0.01rem #ccc;
    box-shadow: 0px -0.05rem 0.07rem 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: .3s;
	bottom: 0px;
	-webkit-transform: translateY(300px);
}
.mui-dtpicker.mui-active {
	-webkit-transform: translateY(0px);
}
/*用于将 html body 禁止滚动条*/

.mui-dtpicker-active-for-page {
	overflow: hidden !important;
}
.mui-android-5-1 .mui-dtpicker {
	bottom: -300px;
	bottom: -3rem;
	-webkit-transition-property: bottom;
	-webkit-transform: none;
}
.mui-android-5-1 .mui-dtpicker.mui-active {
	bottom: 0px;
	-webkit-transition-property: bottom;
	-webkit-transform: none;
}
.mui-dtpicker-header {
	padding: 6px;
	font-size: 14px;
	padding: 0.06rem;
    font-size: 0.14rem;
	color: #888;
}
.mui-dtpicker-header button {
	font-size: 22px;
	padding: 5px 10px;
	font-size: 0.22rem;
    padding: 0.05rem 0.1rem;
}
.mui-dtpicker-header button:last-child {
	float: right;
}
.mui-dtpicker-body {
	position: relative;
	width: 100%;
	height: 360px;
	height: 3.6rem;
	/*border-top: solid 1px #eee;
	background-color: #fff;*/
}
.mui-ios .mui-dtpicker-body {
	-webkit-perspective: 1200px;
	perspective: 1200px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.mui-dtpicker-title h5 {
    font-size: 24px;
    font-size: 0.24rem;
    font-weight: normal;
    color: #8f8f94;
	display: inline-block;
	width: 20%;
	height:66px;
	height:0.66rem;
	line-height:66px;
	line-height:0.66rem;
	margin: 0px;
	padding: 0 8px;
	padding: 0 0.08rem;
	text-align: center;
	border-top: solid 1px #ddd;
	border-top: solid 0.01rem #ddd;
	background-color: #f0f0f0;
	border-bottom: solid 1px #ccc;
	border-bottom: solid 0.01rem #ccc;
}
.mui-dtpicker .mui-picker {
	width: 20%;
	height: 100%;
	margin: 0px;
	float: left;
	border: none;
}
/*年月日时分*/

[data-type="datetime"] .mui-picker,
[data-type="time"] .mui-dtpicker-title h5 {
	width: 20%;
}
[data-type="datetime"] [data-id="picker-h"],
[data-type="datetime"] [data-id="title-h"] {
	border-left: dotted 1px #ccc;
	border-left: dotted 0.01rem #ccc;
}
/*年月日*/

[data-type="date"] .mui-picker,
[data-type="date"] .mui-dtpicker-title h5 {
	width: 33.3%;
}
[data-type="date"] [data-id="picker-h"],
[data-type="date"] [data-id="picker-i"],
[data-type="date"] [data-id="title-h"],
[data-type="date"] [data-id="title-i"] {
	display: none;
}
/*年月日时*/

[data-type="hour"] .mui-picker,
[data-type="hour"] .mui-dtpicker-title h5 {
	width: 25%;
}
[data-type="hour"] [data-id="picker-i"],
[data-type="hour"] [data-id="title-i"] {
	display: none;
}
[data-type="hour"] [data-id="picker-h"],
[data-type="hour"] [data-id="title-h"] {
	border-left: dotted 1px #ccc;
	border-left: dotted 0.01rem #ccc;
}
/*时分*/

[data-type="time"] .mui-picker,
[data-type="time"] .mui-dtpicker-title h5 {
	width: 50%;
}
[data-type="time"] [data-id="picker-y"],
[data-type="time"] [data-id="picker-m"],
[data-type="time"] [data-id="picker-d"],
[data-type="time"] [data-id="title-y"],
[data-type="time"] [data-id="title-m"],
[data-type="time"] [data-id="title-d"] {
	display: none;
}
/*时分秒*/
[data-type="timeSecond"] .mui-picker,
[data-type="timeSecond"] .mui-dtpicker-title h5 {
    width: 50%;
}
[data-type="timeSecond"] [data-id="picker-y"],
[data-type="timeSecond"] [data-id="picker-m"],
[data-type="timeSecond"] [data-id="picker-d"],
[data-type="timeSecond"] [data-id="title-y"],
[data-type="timeSecond"] [data-id="title-m"],
[data-type="timeSecond"] [data-id="title-d"] {
    display: none;
}

/*年月*/

[data-type="month"] .mui-picker,
[data-type="month"] .mui-dtpicker-title h5 {
	width: 50%;
}
[data-type="month"] [data-id="picker-d"],
[data-type="month"] [data-id="picker-h"],
[data-type="month"] [data-id="picker-i"],
[data-type="month"] [data-id="title-d"],
[data-type="month"] [data-id="title-h"],
[data-type="month"] [data-id="title-i"] {
	display: none;
}
/*年*/
[data-type="yearOnly"] .mui-picker,
[data-type="yearOnly"] .mui-dtpicker-title h5 {
    width: 100%;
}
[data-type="yearOnly"] [data-id="picker-d"],
[data-type="yearOnly"] [data-id="picker-h"],
[data-type="yearOnly"] [data-id="picker-i"],
[data-type="yearOnly"] [data-id="picker-m"],
[data-type="yearOnly"] [data-id="title-d"],
[data-type="yearOnly"] [data-id="title-h"],
[data-type="yearOnly"] [data-id="title-i"],
 [data-type="yearOnly"] [data-id="title-m"]{
    display: none;
}
/*月*/
[data-type="monthOnly"] .mui-picker,
[data-type="monthOnly"] .mui-dtpicker-title h5 {
    width: 100%;
}
[data-type="monthOnly"] [data-id="picker-d"],
[data-type="monthOnly"] [data-id="picker-h"],
[data-type="monthOnly"] [data-id="picker-i"],
[data-type="monthOnly"] [data-id="picker-y"],
[data-type="monthOnly"] [data-id="title-d"],
[data-type="monthOnly"] [data-id="title-h"],
[data-type="monthOnly"] [data-id="title-i"],
 [data-type="monthOnly"] [data-id="title-y"]{
    display: none;
}








.mui-scroll-wrapper{
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    width: 100%;
}
.mui-scroll{
    position: absolute;
    z-index: 1;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.mui-scrollbar{
    position: absolute;
    z-index: 9998;
    overflow: hidden;
    -webkit-transition: 500ms;
    transition: 500ms;
    transform: translateZ(0px);
    pointer-events: none;
    opacity: 0;
}
.mui-scrollbar-horizontal .mui-scrollbar-indicator{
    height: 100%;
}
.mui-segmented-control.mui-segmented-control-vertical{
    border-collapse: collapse;
    border-width: 0;
    border-radius: 0;
}
.mui-segmented-control.mui-segmented-control-vertical .mui-control-item{
    display: block;
    border-left-width: 0;
    height:76px;
    height:0.76rem;
    line-height:76px;
    line-height:0.76rem;
    font-size: 26px;
    font-size: 0.26rem;
    border-bottom:6px solid transparent;
    border-bottom:0.06rem solid transparent;
    display: table-cell;
    width: 1%;
    overflow: hidden;
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration:none;
    color:#666;
    text-decoration: none;
}

.mui-segmented-control.mui-scroll-wrapper .mui-scroll{
    width: auto;
    height: 78px;
    height:0.78rem;
    white-space: nowrap;
}
.mui-segmented-control.mui-scroll-wrapper .mui-control-item{
    display: inline-block;
    width: auto;
    padding: 0 40px;
    padding:0 0.4rem;
    border: 0;
}
.mui-segmented-control .mui-control-item{
    /*line-height: 38px;*/
    display: table-cell;
    overflow: hidden;
    width: 1%;
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #007aff;
    text-decoration:none;
}
.mui-segmented-control .mui-control-item:first-child{
    border-left-width: 0;
}
.mui-segmented-control .mui-control-item.mui-active{
    background-color: #007aff;
    border-bottom:6px solid #007aff;
    border-bottom:0.06rem solid #007aff;
    color: #007aff;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item{
    color: inherit;
    height:77px;
    height:0.77rem;
    line-height:77px;
    line-height:0.77rem;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
    color: #007aff;
    background: none;
}
.mui-segmented-control-negative{
    border: 1px solid #dd524d;
}
.mui-segmented-control-negative .mui-control-item{
    color: #dd524d;
    border-color: inherit;
}
.mui-segmented-control-negative .mui-control-item.mui-active{
    color: #fff;
    background-color: #dd524d;
}
.mui-segmented-control-negative.mui-segmented-control-inverted .mui-control-item.mui-active{
    color: #dd524d;
    border-bottom: 2px solid #dd524d;
    background: none;
}
.mui-segmented-control-negative.mui-segmented-control-inverted ~ .mui-slider-progress-bar{
    background-color: #dd524d;
}
.mui-control-content{
    position: relative;
    display: none;
}
.mui-control-content.mui-active{
    display: block;
}
.mui-slider{
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
}
/*.mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item{
    border-top: 1px solid #c8c7cc;
    border-bottom: 1px solid #c8c7cc;
}*/
.mui-slider .mui-slider-group{
    font-size: 0;
    position: relative;
    -webkit-transition: all 0s linear;
    transition: all 0s linear;
    white-space: nowrap;
}
.mui-slider .mui-slider-group .mui-slider-item{
    font-size: 14px;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    white-space: normal;
}
.mui-slider-indicator.mui-segmented-control{
    position: relative;
    bottom: auto;
    height:78px;
    height:0.78rem;
    line-height:78px;
    line-height:0.78rem;
    background:#fff;
    position: relative;
    bottom: auto;
    width: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    display: table;
    overflow: hidden;
    font-size: 26px;
    font-size: 0.26rem;
    font-weight: 400;
    table-layout: fixed;
   
}
.mui-slider-indicator .mui-indicator{
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 1px 6px;
    cursor: pointer;
    border-radius: 50%;
    background: #aaa;
    -webkit-box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7);
    box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7);
}
.mui-slider-indicator .mui-active.mui-indicator{
    background: #fff;
}
.mui-fullscreen{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.mui-fullscreen .mui-segmented-control ~ .mui-slider-group{
    position: absolute;
    top: 78px;
    top:0.78rem;
    bottom: 0;
    width: 100%;
    height: auto;
}

/*不可滑动*/
.mui-slider .mui-segmented-control.mui-segmented-control-inverted.mui-wrapper .mui-control-item{
    height:72px;
    height:0.72rem;
    line-height:72px;
    line-height:0.72rem;      
}   

/*jquery.dropload*/
.dropload-up,.dropload-down {
    position:relative;
    height:0;
    overflow:hidden;
    font-size:1em;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.dropload-down {
    height:2.5em
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData {
    height:2.5em;
    line-height:2.5em;
    text-align:center;
    color: #666;
}
.dropload-load .loading {
    display:inline-block;
    height:.75em;
    width:.75em;
    border-radius:100%;
    margin:.3em;
    border:.1em solid #666;
    border-bottom-color:transparent;
    vertical-align:middle;
    -webkit-animation:rotate .75s linear infinite;animation:rotate .75s linear infinite
}
.bottomLine {background:url(../img/bubble_line.png) repeat-x center center;margin:0 24px;margin:0 0.24rem;}  .bottomLine-txt{padding:0 0.24rem;font-size: 24px;font-size: 0.24rem;color:#aaa;background-color: #fff;}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.menu-popover {
    background: rgba(0,0,0,.2);
}
.attention {
    min-width: 200px;
    min-width:2rem;
    position: absolute;
    top: 95px;
    top:0.95rem;
    right: 4px;
    right:0.04rem;
    background-color:#fefefe;
    padding: 6px 15px;
    padding:0.06rem 0.15rem;
    border-radius: 6px;
    border-radius:0.06rem;
}
.attention > ul > li {
    line-height: 68px;
    line-height:0.68rem;
    padding-left: 35px;
    padding-left: 0.35rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size:26px;
    background-size: 0.26rem;
    font-size: 22px;
    font-size: 0.22rem;
    color:#000;
    border-bottom:1px solid #F1F1F1;

}
.attention-arrow{
    width:30px;
    width:0.3rem;
    height:15px;
    height:0.15rem;
    background:url(../img/arrow.png) no-repeat center center;
    background-size:30px 15px;
    background-size:0.3rem 0.15rem;
    position:absolute;
    top:80px;
    top:0.8rem;
    right:24px;
    right:0.24rem;
}
/*Loading加载样式*/
.busy-toast{width:100%;height:8em;line-height:8em;text-align:center;color:#666;background-size:6em;background-repeat:no-repeat;position:fixed;top:35%;left:0;z-index:99999}.spinner1{width:2.5em;height:2.5em;position:relative}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2.0s infinite ease-in-out;animation:bounce 2.0s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0.0)}50%{-webkit-transform:scale(1.0)}}@keyframes bounce{0%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}50%{transform:scale(1.0);-webkit-transform:scale(1.0)}}.spinner2{width:100%;height:4em;position:absolute}.container1>div,.container2>div,.container3>div{width:1em;height:1em;background-color:#00b5ff;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;text-align:center}.spinner-text{position:absolute;top:1.5625em;text-align:center;color:#00adff;width:100%}.spinner2 .spinner-container{position:absolute;text-align:center;width:4em;height:4em}.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.circle1{top:0;left:0}.circle2{top:0;right:0}.circle3{right:0;bottom:0}.circle4{left:0;bottom:0}.container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.container3 .circle1{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.container1 .circle2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.container2 .circle2{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.container3 .circle2{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.container1 .circle3{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.container2 .circle3{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.container3 .circle3{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.container1 .circle4{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.container2 .circle4{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.container3 .circle4{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0)}40%{-webkit-transform:scale(1.0)}}@keyframes bouncedelay{0%,80%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}40%{transform:scale(1.0);-webkit-transform:scale(1.0)}}.spinner3{width:2.5em;height:2.5em;position:relative;-webkit-animation:rotate 2.0s infinite linear;animation:rotate 2.0s infinite linear}.dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#fff;border-radius:100%;-webkit-animation:bounce 2.0s infinite ease-in-out;animation:bounce 2.0s infinite ease-in-out}.dot2{top:auto;bottom:0;-webkit-animation-delay:-1.0s;animation-delay:-1.0s}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0.0)}50%{-webkit-transform:scale(1.0)}}@keyframes bounce{0%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}50%{transform:scale(1.0);-webkit-transform:scale(1.0)}}.spinner4{width:1.875em;height:1.875em;background-color:#fff;-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(7.5em)}50%{-webkit-transform:perspective(7.5em) rotateY(180deg)}100%{-webkit-transform:perspective(7.5em) rotateY(180deg) rotateX(180deg)}}@keyframes rotateplane{0%{transform:perspective(7.5em) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(7.5em) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(7.5em) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(7.5em) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(7.5em) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(7.5em) rotateX(-180deg) rotateY(-179.9deg)}}.spinner5{width:2em;height:2em;position:relative}.cube1,.cube2{background-color:#fff;width:.625em;height:.625em;position:absolute;top:0;left:0;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}.cube2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes cubemove{25%{-webkit-transform:translateX(2.625em) rotate(-90deg) scale(0.5)}50%{-webkit-transform:translateX(2.625em) translateY(2.625em) rotate(-180deg)}75%{-webkit-transform:translateX(0px) translateY(2.625em) rotate(-270deg) scale(0.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes cubemove{25%{transform:translateX(2.625em) rotate(-90deg) scale(0.5);-webkit-transform:translateX(2.625em) rotate(-90deg) scale(0.5)}50%{transform:translateX(2.625em) translateY(2.625em) rotate(-179deg);-webkit-transform:translateX(2.625em) translateY(2.625em) rotate(-179deg)}
50.1%{transform:translateX(2.625em) translateY(2.625em) rotate(-180deg);-webkit-transform:translateX(2.625em) translateY(2.625em) rotate(-180deg)}75%{transform:translateX(0px) translateY(2.625em) rotate(-270deg) scale(0.5);-webkit-transform:translateX(0px) translateY(2.625em) rotate(-270deg) scale(0.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}.spinner6{width:3.125em;height:1.875em;text-align:center}.spinner6>div{background-color:#fff;height:100%;width:.375em;margin-left:.125em;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}.spinner6 .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner6 .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.spinner6 .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.spinner6 .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}@-webkit-keyframes stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1.0)}}@keyframes stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}.spinner7{width:5.625em;height:1.875em;text-align:center}.spinner7>div{background-color:#fff;height:.9375em;width:.9375em;margin-left:.1875em;border-radius:50%;display:inline-block;-webkit-animation:stretchdelay .7s infinite ease-in-out;animation:stretchdelay .7s infinite ease-in-out}.spinner7 .circ2{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.spinner7 .circ3{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.spinner7 .circ4{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.spinner7 .circ5{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}@-webkit-keyframes stretchdelay{0%,40%,100%{-webkit-transform:translateY(-0.625em)}20%{-webkit-transform:translateY(-1.25em)}}@keyframes stretchdelay{0%,40%,100%{transform:translateY(-0.625em);-webkit-transform:translateY(-0.625em)}20%{transform:translateY(-1.25em);-webkit-transform:translateY(-1.25em)}}


.busy-toast{
    /*position: relative;*/
    height: 0.8rem;
    overflow: hidden;
    font-size: 0.28rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    color: #fff;
    width: 1.8rem;
    left: 35%;
    border-radius: 1rem;
    display:none;
}
.busy-toast .dropload-load{
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity:0.5;
}
.busy-toast .dropload-load .loading {
    display: inline-block;
    height: 0.32rem;
    width: 0.32rem;
    border-radius: 100%;
    margin: 0.1rem;
    border: 0.03rem solid #fff;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate .75s linear infinite;
    animation: rotate .75s linear infinite;
}.mui-popup-backdrop {
    position:fixed;
    z-index:998;
    top:0;
    right:0;
    bottom:0;
    left:0;
    -webkit-transition-duration:400ms;
    transition-duration:400ms;
    opacity:0;
    background:rgba(0,0,0,.4);
}
.mui-popup-backdrop.mui-active {
    opacity:1;
}
.mui-popup {
    position:fixed;
    z-index:10000;
    top:50%;
    left:50%;
    display:none;
    overflow:hidden;
    width:270px;
    width:4.59rem;
    -webkit-transition-property:-webkit-transform,opacity;
    transition-property:transform,opacity;
    -webkit-transform:translate3d(-50%,-50%,0) scale(1.185);
    transform:translate3d(-50%,-50%,0) scale(1.185);
    text-align:center;
    opacity:0;
    color:#000;
    border-radius:13px;
    border-radius:0.13rem;
}
.mui-popup.mui-popup-in {
    display:block;
    -webkit-transition-duration:400ms;
    transition-duration:400ms;
    -webkit-transform:translate3d(-50%,-50%,0) scale(1);
    transform:translate3d(-50%,-50%,0) scale(1);
    opacity:1;
}
.mui-popup.mui-popup-out {
    -webkit-transition-duration:400ms;
    transition-duration:400ms;
    -webkit-transform:translate3d(-50%,-50%,0) scale(1);
    transform:translate3d(-50%,-50%,0) scale(1);
    opacity:0;
}
.mui-popup-inner {
    position:relative;
    padding:15px;
    padding:0.255rem;
    border-radius:13px 13px 0 0;
    border-radius:0.13rem 0.13rem 0 0;
    background:rgba(255,255,255,.95);
}
.mui-popup-inner:after {
    position:absolute;
    z-index:15;
    top:auto;
    right:auto;
    bottom:0;
    left:0;
    display:block;
    width:100%;
    height:1px;
    content:'';
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    background-color:rgba(0,0,0,.2);
}
.mui-popup-title {
    font-size:18px;
    font-size:0.3rem;
    font-weight:500;
    text-align:center;
}
.mui-popup-title+.mui-popup-text {
    font-family:inherit;
    font-size:14px;
    font-size:0.24rem;
    margin:5px 0 0;
    margin:0.085rem 0 0;
}
.mui-popup-buttons {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    height:44px;
    
    height:0.75rem;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
}
.mui-popup-button {
    font-size:17px;
    line-height:44px;
    
    font-size:0.3rem;
    line-height:0.75rem;
    position:relative;
    display:block;
    overflow:hidden;
    box-sizing:border-box;
    width:100%;
    height:44px;
    padding:0 5px;
    
    height:0.75rem;
    padding:0 0.085rem;
    cursor:pointer;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#007aff;
    background:rgba(255,255,255,.95);
    -webkit-box-flex:1;
}
.mui-popup-button:after {
    position:absolute;
    z-index:15;
    top:0;
    right:0;
    bottom:auto;
    left:auto;
    display:block;
    width:1px;
    height:100%;
    content:'';
    -webkit-transform:scaleX(.5);
    transform:scaleX(.5);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    background-color:rgba(0,0,0,.2);
}
.mui-popup-button:first-child {
    border-radius:0 0 0 13px;
    border-radius:0 0 0 0.13rem;
}
.mui-popup-button:first-child:last-child {
    border-radius:0 0 13px 13px;
    border-radius:0 0 0.13rem 0.13rem;
}
.mui-popup-button:last-child {
    border-radius:0 0 13px;
    border-radius:0 0 0.13rem;
}
.mui-popup-button:last-child:after {
    display:none;
}
.mui-popup-button.mui-popup-button-bold {
    font-weight:600;
}
.mui-popup-input input {
    font-size:14px;
    font-size:0.24rem;
    width:100%;
    height:26px;
    margin:15px 0 0;
    padding:0 5px;
    
    height:0.44rem;
    margin:0.25rem 0 0;
    padding:0 0.085rem;
    border:1px solid rgba(0,0,0,.3);
    border-radius:0;
    background:#fff;
}
.mui-plus.mui-android .mui-popup-backdrop {
    -webkit-transition-duration:1ms;
    transition-duration:1ms;
}
.mui-plus.mui-android .mui-popup {
    -webkit-transition-duration:1ms;
    transition-duration:1ms;
    -webkit-transform:translate3d(-50%,-50%,0) scale(1);
    transform:translate3d(-50%,-50%,0) scale(1);
}
.mui-toast-container
{
    line-height: 17px;
    line-height: 0.29rem;

    position: fixed;
    z-index: 9999;
    bottom: 50px;
    
    bottom: 0.85rem;
    
    left: 50%;

    -webkit-transition: opacity .3s;
            transition: opacity .3s;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);

    opacity: 0;
}
.mui-toast-container.mui-active
{
    opacity: .9;
}
.mui-toast-message
{
    font-size: 14px;

    padding: 10px 25px;

    text-align: center;

    color: #fff;
    border-radius: 6px;
    background-color: #323232;
    
    font-size: 0.24rem;
    padding: 0.1rem 0.425rem;
    border-radius: 0.06rem;
}.supp-pop-textControl{
	height:70px;
	height:0.7rem;
	display:inline-block;
	line-height:70px;
	line-height:0.7rem;	
	font-size: 22px;
	font-size: 0.22rem;
}
.supp-pop-textControl>span{
	width:100%;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.dept.supp-pop-textControl{
	padding-left:35px;
	padding-left:0.35rem;
	background:url(../img/dept.png) no-repeat left center;
	background-size: 30px;
	background-size: 0.3rem;
}

/*select*/
.supp-select-control{
    display: -webkit-box !important;
    display: box !important;
    position: relative;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    box-pack: center;
    height:83px;
    height: 0.83rem;
    line-height:83px;
    line-height:0.83rem;
    padding: 0 10px;
    padding: 0 0.1rem;
}
.supp-select-control-text{
    -webkit-box-flex: 1;
    box-flex: 1;
    padding: 0 10px;
    padding: 0 0.1rem;
    text-align:right;  
    font-size: 26px;
    font-size: 0.26rem;   
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;        
}
.supp-select-control-icon {
    width:18px;
    width: 0.18rem;
    height:10px;
    height: 0.1rem;
    background:url(../img/selectArrow.png) no-repeat center center;
    background-size: 18px 10px;
    background-size: 0.18rem 0.1rem;
}
.supp-select-control select {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-appearance: none;
    border: 0;
}/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  width: 0.27rem;
  height: 44px;
  height: 0.44rem;
  margin-top: -22px;
  margin-top: -0.22rem;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -moz-background-size: 0.27rem 0.44rem;
  -webkit-background-size: 27px 44px;
  -webkit-background-size: 0.27rem 0.44rem;
  background-size: 27px 44px;
  background-size: 0.27rem 0.44rem;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  left: 0.1rem;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  right: 0.1rem;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  bottom: 0.1rem;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  width: 0.08rem;
  height: 8px;
  height: 0.08rem;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  right: 0.1rem;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  margin: 0.05rem 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  margin: 0 0.05rem;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  height: 0.04rem;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  width: 0.04rem;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -webkit-perspective: 12rem;
  -moz-perspective: 1200px;
  -moz-perspective: 12rem;
  -o-perspective: 1200px;
  -o-perspective: 12rem;
  perspective: 1200px;
  perspective: 12rem;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
  -ms-perspective: 12rem;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  -webkit-filter: blur(0.5rem);
  filter: blur(50px);
  filter: blur(0.5rem);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  border-radius: 0.1rem;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  bottom: 0.03rem;
  z-index: 50;
  height: 5px;
  height: 0.05rem;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  right: 0.03rem;
  top: 1%;
  z-index: 50;
  width: 5px;
  width: 0.05rem;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border-radius: 0.1rem;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  width: 0.42rem;
  height: 42px;
  height: 0.42rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-left: -0.21rem;
  margin-top: -21px;
  margin-top: -0.21rem;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.footerButtonCtn{
	position:fixed;
	bottom:0;
	width:100%;
	z-index:1000;
	background: #F5F8FA;
}
.footerButtonCtn ul{
	overflow:hidden;
	padding:15px;
	padding:0.15rem;
}
.footerButton{
	width: 20%;
	float:left;
	margin:15px 0;
	margin:0.15rem 0;
	text-align:center;
}
.footerButton>div{
	width: 100%;
	text-align: center;
	font-size: 22px;
	font-size: 0.22rem;
}
.footerButton .buttonImg {
	display: inline-block;
	width: 68px;
	width: 0.68rem;
	height: 68px;
	height: 0.68rem;
	background-color: #fff;
	border-radius:20px;
	border-radius:0.2rem;
	background-size:36px;
	background-size:0.36rem;
	background-repeat: no-repeat;
	background-position: center center;
}
.footerButtonCtn .cancelBtn{
	width: 100%;
	height: 88px;
	height: 0.88rem;
	line-height: 88px;
	line-height: 0.88rem;
	background:#fff;
	color:#2B9FF2;
	font-size: 30px;
	font-size: 0.3rem;
	text-align: center;
}

/*盒子布局*/
.ub
{
    display: -webkit-box !important;
    display: box !important;
    position:relative;
}

.ub-rev
{
    -webkit-box-direction:reverse;
    box-direction:reverse;
}

.ub-fh
{
    width:100%;
}

.ub-fv
{
    height:100%;
}

.ub-con
{
    position:absolute;
    width:100%;
    height:100%;
}

.ub-ac
{
    -webkit-box-align:center;
    box-align:center;
}
.ub-ae
{
    -webkit-box-align:end;
    box-align:end;
}

.ub-pc
{
    -webkit-box-pack:center;
    box-pack:center;
}
.ub-pe
{
    -webkit-box-pack:end;
    box-pack:end;
}
.ub-pj
{
    -webkit-box-pack:justify;
    box-pack:justify;
}

.ub-ver
{
    -webkit-box-orient:vertical;
    box-orient:vertical;
}

.ub-f1
{
    position:relative;
    -webkit-box-flex: 1; 
    box-flex: 1;
}

.ub-f2
{
    position:relative;
    -webkit-box-flex: 2;
    box-flex: 2; 
}

.ub-f3
{
    position:relative;
    -webkit-box-flex: 3;
    box-flex: 3;
}

.ub-f4
{
    position:relative;
    -webkit-box-flex: 4;
    box-flex: 4;
}

.ub-img
{
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}

.ub-img1
{   
    -webkit-background-size:cover;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.ub-img2
{
    background-repeat:repeat-x;
    background-size:auto 100%
}
.ub-img3
{
    background-repeat:repeat-y;
    background-size:100% auto
}

.ub-img4
{
    -webkit-background-size:100% auto;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:center;
}
.ub-img5
{
    -webkit-background-size:auto 100%;
    background-size:auto 100%;
    background-repeat:no-repeat;
    background-position:center;
}

.ub-img6
{
    background-repeat:no-repeat;
    background-position:center;
}
.ub-img7
{
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-position:center;
}